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

Style compatibility issue Urgent Urgent Urgent_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 12:13:13894browse

.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/

Statement:
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