以下寫的可能對大部分網友來說可能很簡單,但是我自己確實是不知道的。
有一段這樣的html:
img:hover{
border:1px solid #000;/*FF下有效果,IE6下沒有效果*/
}
這麼好的一個偽類真浪費了! !然而實際上是有辦法的實現非a標籤的hover功能的,如下寫:
a:hover img{
border:1px solid #000;/*可以理解為滑鼠在上面的a裡面的img標籤*/
}
^0^很簡單就實現了,不用編輯麻煩的JS語句了!
獻給熱愛CSS的朋友,以上內容為筆者小JOE愚見,轉載請著名:作者小JOE 地址:http://xiebiji.com/ 2008/10/hover