Вялое поведение с li: hover с Cufon - PullRequest
1 голос
/ 08 февраля 2010

Редактировать: Обнаружено, что это происходит, хотя Куфон даже не применяется! Edit2: мой плохой, похоже, Cufon создает без замедления в конце концов. Однако удаление строки, где я заменяю стиль шрифта menuwrapper на Cufon, по-прежнему приводит к вялому поведению. Так что не похоже, что это имеет какое-либо отношение к применению cufon к самим спискам.


Привет, я использую Cufon для "встраивания" собственного шрифта в мой сайт. И этот шрифт используется в главном меню, и я столкнулся с ошибкой или чем-то еще, когда установка высоты, отступов или чего-либо из li: hover делает IE медленным. Я не знаю, почему это происходит, но проблема исчезает, когда я удаляю свойство из li: hover. В Firefox все работает нормально.

Итак, мой вопрос, есть ли другой способ обойти это?

То, что я в основном пытаюсь сделать, это расположить li: hover, потому что он имеет фон. И я хочу наклонить его на несколько пикселей вниз.

Мой CSS выглядит так:

  #menuwrapper {
 float:right;
 margin-top:10px;
 height: 65px;
}

.menuwrapper li {
 float:right;
 list-style: none;
 margin-top:10px;
 padding-top:18px;   
 padding-left: 23px;
 padding-right: 23px;
 height:23px; 
}

.menuwrapper a{
 font-family:georgia;
 font-size:22px;
 color:#ebebeb;
 text-decoration:none;
}

.menuwrapper li:hover {
 background-image: url(img/MenuHover.png);
 padding-bottom:6px;
}

Ответы [ 2 ]

0 голосов
/ 09 февраля 2010

Мне просто нужно положить этого мертвого. Ничего не получилось, как сейчас.

0 голосов
/ 08 февраля 2010

Не могу точно понять, что вы имеете в виду, но, как вы сказали, вы хотите получить его чуть ниже в нижней части, тогда вы можете сделать это с помощью свойства margin-top css.

margin-top:10px; /* down it by 10 pixels */
...