Странная ошибка HTML

Question

У меня есть список ссылок, которые демонстрируют действительно странное поведение. Код:

<ul id="home" class="panel" title="title_here" selected="true">
   <li><a href="#search">Search for Name</a></li>
   <li><a href="#browse">Browse by Department</a></li>
</ul>

Это часть сайта iPhone, использующая фреймворк iUI. Я знаю, что uiUI лучше, но моему боссу нравится внешний вид фреймворка iUI, поэтому я должен его использовать. Эта структура работает с использованием attr «selected =" true "", а когда ссылка переносит вас на другой идентификатор, использует js для добавления 'selected = "true"' к идентификатору, на который вы ссылаетесь.

Моя проблема: Когда вы переходите по ссылке, а затем возвращаетесь «назад», кликабельный раздел меняется только на фоновое изображение ссылки, а не на весь «li». Вот CSS:

body > ul > li > a {
display: block;
margin: -8px 0 -8px -10px;
padding: 8px 32px 8px 10px;
text-decoration: none;
color: inherit;
background: url(listArrow.png) no-repeat right center;
}

Исправит ли это увеличение действительного размера изображения (в PS, рисование и т. Д.)?

Answer 1

Если можете, избегайте как можно меньше отрицательных полей. Они могут стать очень, очень противными.

Кадры в темноте:

• Вы установили какие-либо стили для: ссылки, посещения, наведения? Если нет, то добавьте их в текущий стиль и проверьте еще раз

Пример:

body > ul > li > a,
body > ul > li > a:link,
body > ul > li > a:visited,
body > ul > li > a:hover,
body > ul > li > a:active {
  display: block;
  margin: -8px 0 -8px -10px;
  padding: 8px 32px 8px 10px;
  text-decoration: none;
  color: inherit;
  background: url(listArrow.png) no-repeat right center;
}

• Попробуйте установить отступы для LI вместо отрицательных полей для A;

• Попробуйте установить фон для LI вместо A, если это позволяет дизайн, и избавиться от заполнения в A.

Мне кажется, что это действительно ошибка в iPhone / iUI; ясно, что он работает нормально один раз, но не в следующий раз, там происходит что-то смешное.