ぼやけ画像iphone jquery mobile

jquery mobileを使用してイベントページを開発しています。私は日付を表示するスタイリッシュな方法があります。現在のところ、デスクトップ上で完璧に動作しますが、私のiPhone 3GSで見ると、ぼやけた画像が表示されます。テキストは、このように見えるようにわずかに複製されているように見えます。助けてください。ページへぼやけ画像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>

出典

2012-03-28 JDV590

mumis、

それに探して、それがクラスを思わ：

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

は、テキストの上に余分な「#EEE」テキストの影を引き起こしています。

これをfsb.min.cssファイルから削除してみてください！

ところでああおよび、私はSWOhioエリアの周りから来たんだはそれをやったこと

出典

2012-03-28 17:47:57

（MUOhioに気づきました）！マイアミのオハイオはどこにあるのです！ – JDV590

恐ろしい、私は助けることができてうれしい！他の人がこの質問に関連するものを見つけるのを助けるために、これを受け入れられた答えにすることを忘れないでください。 –

Hehe私はそれを言う礼儀正しい方法を探してきました。 +1 – codaniel

ぼやけ画像iphone jquery mobile

答えて

関連する問題