Home > Web Front-end > HTML Tutorial > Style compatibility issue Urgent Urgent Urgent_html/css_WEB-ITnose

Style compatibility issue Urgent Urgent Urgent_html/css_WEB-ITnose

WBOY
Release: 2016-06-24 12:13:13
Original
948 people have browsed it

.navigation_menu{ width:100%; height: 36px; background-image:url(../Images/van.jpg); background-repeat:no-repeat; margin:0px auto; padding:0px;}
.navigation_menu ul { width:94%; height:36px; margin:0px auto; padding:0px;}
.navigation_menu ul li { position:relative; float:left; list-style-type:none;}
.navigation_menu ul li a, .navigation_menu ul li a:visited { width:70px;height:36px; line-height:36px; color:#ff5a00; text-align:center; text-decoration:none; display:block;}
.navigation_menu ul li ul { display: none;}
.navigation_menu ul li:hover a { color:#fff; font-weight:bold; background-image:url(../Images/home.png); background-repeat:no-repeat;}
.navigation_menu ul li:hover ul { width:70px; position:absolute; top:36px; left:0; display:block;}
.navigation_menu ul li:hover ul li a { height:30px; background:#3dc6fc; color:#FFFFFF; font-weight:lighter; display:block;}
.navigation_menu ul li:hover ul li a:hover { background:#0b97ce; color:#FFFFFF; font-weight:bold;}
这段样式不兼容IE6,其它的都可以,怎么改


回复讨论(解决方案)

IE6只支持a元素的伪类样式,用JS来解决吧。

tong同意楼上的 用js吧

http://www.wufangbo.com/ie6-ie7-ie8-css-bug-2/

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template