CSS在ie6的hover
<a id="myStyle"></a>
的狀況下,
#myStyle {
background:#F00;
position:absolute;
display:block;
width:100px;
height:100px;
top:50px;
left:50px;
}
#myStyle:hover {
background:#FF0;
}
這樣的狀況在firefox和ie7下都是好的,
但是在ie6則出現問題,
主要原因還是a的標簽內沒有href造成的,
所以不會有hover的效果。。。
<a id="mystyle" href="/"></a>
這小地方讓我花了些時間去找問題…唉~
=====20100408補充=====
在工作中又發現了一次ie6在hover沒反應的狀況,
這次儘管有了href,
但是圖片仍沒變動,
原因是:
<a href=""><div id="picture"/></a>
工程師把圖片用在a裡面的div上,
導致IE6沒有辦法顯示hover的功效,
所以,
將div的id移到a裡即可。
<a id="picture" href=""></a>
留言
張貼留言