Размытое изображение на iphone Jquery Mobile - PullRequest
0 голосов
/ 28 марта 2012

Я разрабатываю страницу событий, используя jquery mobile. У меня есть стильный способ показать дату. В настоящее время он работает безупречно на моем рабочем столе, но когда я смотрю его на своем iPhone 3gs, я получаю размытое изображение. Текст выглядит так, как будто он слегка дублируется сам по себе, чтобы выглядело так: помогите, пожалуйста.

Screenshot

ссылка на страницу: здесь

Вот 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 Ответ

1 голос
/ 28 марта 2012

Мумис,

если посмотреть на него, то может показаться, что класс:

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

вызывает дополнительную текстовую тень "#EEE" для текста.

Попробуйте удалить это из файла fsb.min.css!

Да, кстати, я со всей области SWOhio (заметил MUOhio)

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...