IE6 下:hover 中bug解决了(纯CSS)
这个bug,主要是一个二级菜单,在ie7中hover时正常显示出来,在ie6下没有效果。在网上找了很多资料,弄了好几天,最终是参照别人的代码,用的纯css经过自己的整理,就把它给弄下来了。希望以后自己多来看看。
如下:
-------------------
css代码:
.allMenu
{
width: 894px;
height: 22px;
line-height: 22px;
margin: 7px 3px 1px 3px;
background: url(images/menubg.GIF) repeat-x top left;
}
.allMenu .select
{
padding: 0px;
margin: 0px;
white-space: nowrap;
list-style-type: none;
}
.allMenu LI
{
height: auto;
padding: 0px;
float: left;
margin: 0px;
}
.allMenu .select A
{
height: 22px;
padding: 0 20px 0 20px;
display: block;
float: left;
color: Black;
line-height: 22px;
white-space: nowrap;
text-decoration: none;
}
.allMenu .select A:hover /* for ie6 */
{
cursor: pointer;
background: url(images/hoverbg.JPG) repeat-x top left;
}
.allMenu .select LI:hover A
{
cursor: pointer;
background: url(images/hoverbg.JPG) repeat-x top left;
}
.allMenu .select A:hover B /* for ie6,主要在ie6下样式有变化 */
{
cursor: pointer;
background: url(images/hoverbg.JPG) repeat-x top left;
display: block;
float: left;
}
.allMenu .select_sub {
display: none; /*不可见*/
}
.allMenu .sub
{
padding: 0px;
margin: 0px auto;
list-style-type: none;
}
.nav TABLE
{
font-size: 1em;
&nbs
相关文档:
IE8 自动在兼容模式下运行:
加入这么一行 <meta http-equiv="x-ua-compatible" content="ie=7" />
其内容随著指定的页面模式而更改,当要模拟IE7时,指定IE=IE7,也可以指定IE=6来模仿IE6
区别IE6与FF:
background:orange;*background:blue;
区别IE6与IE7:
background:green !important;background:blue;
......
<style>
#enlarge {padding:0; margin:2em auto; list-style-type:none; width:240px;
height:40px;}
#enlarge li {display:block; float:left; width:40px; height:40px;
position:relative;}
#enlarge li a {display:block; width:40px; height:40px; background:transparent;
overflow:hidden; positio ......
新的一年,新的开始!网页教学网与各位共勉!本文写给CSSer同仁——请不要做浮躁的人
不要被对象、属性、方法等词汇所迷惑;最根本的是先了解最基础知识;
不要放过任何一个看上去很简单的小问题--他们往往并不那么简单,或者可以引伸出很多知识点;不会举一反三你就永远学不会; ......
介于纯粹CSS的无图片圆角实在是代码太乱,还是倾向于利用图片结合CSS来自做圆角;
(1)高宽皆自适应:
.roundedcornr_box_510746 {
background: #dddddd url(roundedcornr_510746_grad.gif) repeat top left;width:300px;
}
.roundedcornr_top_510746 div {
background:transparent url(r ......