1、鼠标滑过的文字与图片必须是在一个容器内,并且是容器盒子内相邻的元素。
2、需要将图片先进行隐藏。
3、设置文字滑过时hover+图片样式才让图片显示出来。
有可能是鼠标滑过的时候,因为文字,图片,间距或者边框等带有宽度和高度产生变化,导致的。ie6下面会有双倍边距的产生,这样会导致div出现错位,就有一定的晃动。你在仔细查查div的宽度之和是否超过了总宽度实现标题栏鼠标滑过点击过后保持原色,不用像你那样写得这么复杂,按照你说的,只需要写一次样式就够了,写法如下:#dh ul li a {
display:block
background:#006ead
width:125px
height:43px
}
现在我无论是在默认状态下、鼠标移上去时、鼠标点击时,或是点击过后,a标签背景颜色都会保持在初始状态,不会改变。
如果需要鼠标移上去时,背景变色,那就加多一条a:hover,写法如下:
#dh ul li a:hover{
display:block
background:#0193de
width:125px
height:43px
}
现在就只有鼠标移上去时背景会变色,其他情况颜色都不会变化。
提示:如果需要文字一直保持原色,只需要在第一条#dh ul li a 的代码里加上一条“color:颜色属性”即可。例如:#dh ul li a {background:#006eadcolor:#fff}
试一试吧!