Это действительно странно. У меня есть этот сайт, где у меня есть список меню с простым эффектом наведения на каждый элемент в меню.
http://w3box.com/mat/
В Firefox все работает просто отлично. Но я IE7 по крайней мере, есть задержка. Я не тестировал его в IE8, но думаю, что он тоже есть.
Теперь я пробовал варианты кода, чтобы выяснить, что может вызвать проблему. И я видел много постов о подобных сценариях. Но ни один из них, казалось, не относился к моему делу.
Итак, я только что заметил, что в моей таблице стилей CSS есть следующее:
li:hover {
background-image: url(img/TopLine.png);
Height:29px;
}
Достаточно странно, если я уберу спецификации высоты, лагов нет! Что может быть причиной этого? Могут ли это быть слои отступов и полей родительского класса li? Или родительский класс выше этого?
Это код этих предметов. Остальные css вы можете найти в /main.css сайта
#header {
padding-right:7%;
height: 57px;
background-image:url(img/TopLine.png); }
.header a {
font-family:georgia;
font-size:22px;
color:#ebebeb;
text-decoration:none; }
.header li {
float:right;
list-style: none;
margin-top:10px;
padding-top:18px;
padding-left: 23px;
padding-right: 23px;
height:23px; }
li:hover {
background-image: url(img/TopLine.png);
Height:29px; }
Есть идеи, как мне это улучшить?