проблемы CSS последнего ребенка - PullRequest
Новая
       6

проблемы CSS последнего ребенка

0 голосов
/ 12 мая 2010

Эй, ребята (и девушки),

Я реализовал следующий CSS: 

#tab-navigation ul li:last-child {
    background-image: url(../images/tabs-end.gif);
    background-repeat: no-repeat;
    color: #fff;
    display: block;
    border: 1px solid red;
    background-position: right;
}

Однако по какой-то причине это не работает вообще в IE (удивительно!) - я прочитал (после некоторых исследований), что IE требует DOCTYPE, но у меня уже определено <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">.

Какие-нибудь идеи выглядывает?

Ответы [ 5 ]

2 голосов
/ 12 мая 2010

IE не поддерживает last-child селектор.

Вы можете использовать сценарии, такие как http://code.google.com/p/ie7-js/, чтобы включить селекторы CSS3 во всех браузерах IE.

1 голос
/ 12 мая 2010

IE не поддерживает корректно селектор: lastchild.

Полный список совместимости см. http://www.quirksmode.org/css/contents.html

Я бы предложил добавить к полю class = "last" на стороне сервера или применить эффект с помощью javascript, используя http://api.jquery.com/last-child-selector/.

0 голосов
/ 12 мая 2010

:last-child - это селектор CSS3, и, насколько я знаю, даже IE8 не поддерживает так много.

Ресурсы:

http://www.electrictoolbox.com/css-first-child-last-child-selectors/

Таблица совместимости:

http://www.quirksmode.org/css/contents.html

0 голосов
/ 12 мая 2010

Простой: IE не поддерживает last-child. Вам нужно пометить последний элемент классом.

0 голосов
/ 12 мая 2010

В этой таблице указано, что last-child не поддерживается ни одним браузером IE. Добавьте к нему класс и выберите его таким образом.

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

Нет похожих вопросов

...