Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > :before :after

Автор: StachelDraht 22.7.2009, 14:28

Привет!
Подскажите пожалуйста как сделать так, что бы IE определял css с псевдоклассами:

Код


#pmenu li:hover > ul:before {
content:url(/templates/vesi/images/submenu-bg3-top.png);
}
#pmenu li:hover > ul:after {
content:url(/templates/vesi/images/submenu-bg3-bot.png);
}

Спасибо!

Автор: WebDisaster 22.7.2009, 19:22

:hover в IE 5.5-6.0 поддерживается только для <a>, для остальных элементов нужно эмулировать через JavaScript

Выводы:
1. либо забыть про lt IE 7
2. либо заменять <li> на <a>,
3. либо двигаться http://fresh2l.com/blog/2007/12/25/emulyaciya-raboty-psevdoklassa-hover-v-ie-dlya-vsex-elementov/

:befor и :after из IE вообще поддерживает только 8.0. Но если очень сильно зудит, тоже можно http://xpoint.ru/forums/internet/html_css/css/thread/25669.xhtml (правда не знаю, действительно ли это нужно?)

Автор: skyboy 22.7.2009, 20:36

IE 6 http://www.quirksmode.org/css/contents.html:
1. псевдокласс :after, :before
2. селектор потомка ">"
3. свойство content
итого: под IE придется реализовывать средствами javascript'a. правда, framework(к примеру, jquery) может сильно упростить разработку подобного костыля.

Автор: StachelDraht 22.7.2009, 22:48

а можно примитивный пример выпадающего меню на jquery, верх и низ которого будут из картинок
вся беда заключается в этом
мне бы как можно проще это все реализовать

Спасибо!