2012-03-28 93 views
0

我正在開發一個使用jquery mobile的活動頁面。我有一個顯示日期的時尚方式。它目前在我的桌面上完美運行,但是當我在iphone 3gs上查看它時,我得到一個模糊的圖像。該文本看起來好像稍微重複了一下,看起來像這樣:help please。iphone上的模糊圖像jquery mobile

Screenshot

鏈接到頁面:here

這裏是CSS:

.caldate2 { background: url(http://www.fsb.muohio.edu/fsb/templates/images/calpage-red.gif) no-repeat; 
      width:38px; 
      height:38px; 
      text-align:center; 
      margin-right:8px; 
      float: left; } 
.caldate2 .day { 
    color: #fff; 
     margin-top:4px; } 
.month { text-transform:uppercase; 
     color:#d5b549; 
     font-size:9px; } 

和標記:

<body> 
    <div data-role="page" data-theme="a"> 
    <div data-role="header"> 
     <a data-rel="back" data-icon="back" data-direction="reverse">Back</a> 

     <h1>Events</h1><a href="http://www.fsb.muohio.edu/" data-icon="home">Home</a> 
    </div><!-- /header --> 

    <div data-role="content"> 
     <ul data-role="listview" data-dividertheme="a" data-inset="true"> 
     <li data-role="list-divider">Divider</li> 

     <li> 
      <div class="caldate2"> 
      <div class="day"> 
       28 
      </div> 

      <div class="month"> 
       MAR 
      </div> 
      </div><a href="#">This is a test</a> 
     </li> 
     </ul> 
    </div> 
    </div><!-- /page --> 
</body> 

回答

1

mumis,

尋找到它,它會出現類:

.ui-btn-up-a { 
    color: #000000; 
    font-weight: bold; 
    text-shadow: 0 1px 1px #EEEEEE; 
} 

導致一個額外的「#EEE」上的文本文字陰影。

嘗試從fsb.min.css文件中刪除該文件!

哦,順便說一句,我 從各地SWOhio面積是(注意到MUOhio)

+0

這做到了!邁阿密俄亥俄是它的地方! – JDV590 2012-03-28 17:52:53

+1

太棒了,很高興我能幫到你! 不要忘記讓這個接受的答案來幫助別人找到相關的問題。 – 2012-03-28 17:54:58

+0

呵呵我一直在尋找一個有禮貌的方式來說。 +1 – codaniel 2012-03-29 00:17:47