меню в IE 6 без стилей
сделал многоуровневое меню на jQuery и CSS работает прекрасно во всех браузерах кроме тупого IE 6
HTML <ul id="menu"> <li><a href="#">Ветеринарная продукция</a></li> <li><a href="#">Продукция для фармацевтики и косметики</a> <ul class="two_menu"> <li><a href="#">Фармацевтические субстанции</a> <ul class="third_menu"> <li><a href="#">Под пункт 1</a></li> <li><a href="#">Под пункт 2</a></li> </ul> </li> <li><a href="#">Субстанции витаминов</a></li> <li><a href="#">Растительные масла и экстракты</a></li> </ul></li> <li><a href="#">Сырье для пищевой промышленности</a></li> <li><a href="#">Средства дезинфекции</a></li> <li><a href="#">Продукция для химии, нефтехимии, пластмасс</a></li> </ul> jQuery $(document).ready(function(){ $("#menu > li > .two_menu > li:has(ul)").children("a").css("color","#1F8807") .parent("li").css("background","url(one_line_sel.png) no-repeat 8px 15px"); $("#menu > li > a").toggle(function(){ $(this).parent().find("ul.two_menu").show("normal").parent("li").find("a").css("border-bottom","none") .parent("li:first").css("background","url(marker_on.png) no-repeat 5px 20px"); }, function(){ $(this).parent().find("ul.two_menu").hide("normal").parent("li").find("a").css("border-bottom","1px dashed #1F8807") .parent("li:first").css("background","url(marker_off.png) no-repeat 5px 20px"); }); $("#menu .two_menu > li > a").toggle(function(){ $(this).parent().find("ul.third_menu").show("normal"); $(this).css("text-decoration","none"); }, function(){ $(this).parent().find("ul.third_menu").hide("normal"); $(this).css("text-decoration","underline"); }); $("#menu ul.two_menu > li > .third_menu > li > a").hover(function(){ $(this).parent("li").css("background","url(two_line_sel.png) no-repeat 8px 15px"); }, function(){ $(this).parent("li").css("background","url(two_line.png) no-repeat 8px 15px"); }); }); CSS #menu { margin:0; padding:0; list-style-type:none; width:230px; font:12px Verdana, Geneva, sans-serif; } #menu li a { color:#1F8807; background-color:#FFF; text-decoration:none; border-bottom:1px dashed #1F8807; } #menu > li { padding:15px 10px 15px 20px; border-bottom:1px solid #EBE9EB; background:url(marker_off.png) no-repeat 5px 20px; } #menu li a:hover { border-bottom:none; } /*меню второго уровня*/ #menu ul.two_menu { list-style-type:none; margin:0; padding:0; display:none; } #menu ul.two_menu > li { padding:8px 0 8px 20px; border-bottom:none; background:url(one_line.png) no-repeat 8px 15px; } #menu ul.two_menu > li > a { color:#585858; text-decoration:underline; } #menu ul.two_menu > li > a:hover { text-decoration:none; } /*меню третьего уровня*/ #menu ul.third_menu { list-style-type:none; margin:0; padding:0; display:none; } #menu ul.third_menu > li { padding:8px 0 8px 20px; border-bottom:none; background:url(two_line.png) no-repeat 8px 15px; } #menu ul.third_menu > li > a { color:#585858; text-decoration:underline; } #menu ul.third_menu > li > a:hover { color:#1F8807; text-decoration:none; } помогите пожалуста чтоб IE 6 показывал нормально |
1. ие не понимает > в css. css-selectors
2. ... |
Часовой пояс GMT +3, время: 17:23. |