Css iphone Jquery Mobile上的模糊图像_Css_Jquery Mobile

Css iphone Jquery Mobile上的模糊图像

css jquery-mobile

Css iphone Jquery Mobile上的模糊图像,css,jquery-mobile,Css,Jquery Mobile,我正在使用jquery mobile开发一个事件页面。我有一种时尚的方式来显示日期。目前，它在我的桌面上工作得完美无缺，但当我在iPhone3GS上查看它时，我会看到一个模糊的图像。这篇文章看起来像是被复制了一样，只是看起来有点像这样：请帮忙链接到页面：以下是css： .caldate2 { background: url(http://www.fsb.muohio.edu/fsb/templates/images/calpage-red.gif) no-repeat;

我正在使用jquery mobile开发一个事件页面。我有一种时尚的方式来显示日期。目前，它在我的桌面上工作得完美无缺，但当我在iPhone3GS上查看它时，我会看到一个模糊的图像。这篇文章看起来像是被复制了一样，只是看起来有点像这样：请帮忙

链接到页面：

以下是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>



分隔符

28
破坏

mumis

仔细观察，它会出现在课堂上：

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

正在文本上造成额外的“#EEE”文本阴影

尝试将其从fsb.min.css文件中删除

哦，顺便说一句，

我来自SWOhio地区（注意到了俄亥俄州的Muhio）

就是他们干的！迈阿密俄亥俄州是它的所在地！太棒了，很高兴我能帮忙！别忘了让这成为公认的答案，以帮助其他人发现这个问题的相关性。呵呵，我一直在寻找一种礼貌的方式来表达这一点+1.