Question

我正在使用jquery mobile开发一个事件页面。我有一种时尚的方式来显示日期。它目前在我的桌面上完美运行，但当我在iphone 3gs上查看它时，我得到一个模糊的图像。文本看起来好像是重复的，只是看起来像这样：请帮助。

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>

Answer 1

mumis，

看着它，它会出现在课堂上：

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

在文本上引起了额外的“#EEE”文字阴影。

尝试从fsb.min.css文件中删除它！

哦，顺便说一下，我来自SWOhio地区（注意到MUOhio）

在iphone Jquery Mobile上的模糊图像

1 个答案: