国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

IE6下偽類hover失效問題及解決辦法

2024-07-11 08:31:18
字體:
來源:轉載
供稿:網友

第一篇:

在處理CSS的機制上,拿對偽類:hover的支持來說,IE7+添加了對a以外其它標簽的支持,但在IE6下:hover就連對a的支持都不是那么的盡如人意。有的時候為了增加一些簡單的動態效果,常常會借助:hover的幫忙,比如我們時常會令鼠標經過鏈接時改變文字的顏色。
如:


復制代碼
代碼如下:
a:hover{color:#F00;} </p><p><a href ="#">鼠標經過時改變我的顏色</a>

在所有的瀏覽器中都生效。如果換成這樣:


復制代碼
代碼如下:
a:hover em{color:#F00;}
<a href ="#">鼠標經過時改變我的<em>顏色</em></a>

會發現在IE6-下什么都沒有發生,解決方法是只需要再添加一個a:hover{}樣式就可以了,里面可以是zoom,padding,margin等屬性。如下:

復制代碼
代碼如下:
a:hover{zoom:1;}
a:hover em{color:#F00;}
<a href="#">鼠標經過時改變我的<em>顏色</em></a>

看著恢復了正常的效果,去想可能是因為什么造成:hover失效的。你可以使用zoom,display,padding等等屬性來搞定,于是想會不會是因為haslayout。恩,很有可能就是這樣。但你接著測試,會發現,不論你在a:hover{}寫入任何屬性,color啊,font-size啊,overflow啊(甚至是不存在的屬性,如xx:yyy),都可以使之恢復正常。

第二篇:

在ie6下如果直接在a的子標簽span設置hover,而a:hover卻不作任何設置,則在ie6下直接對span的a:hover span{color:red;}會出現失效;但是如果對span的父標簽a設置a:hover{ }則,對span的hover設置會重新有效。例如:

復制代碼
代碼如下:<a href="###"><span>需要設置hover的內容</span></a>
a span {color:red;}
a:hover span {color:blue;}

此時a:hover span 的設置在其他瀏覽器下都正常在ie6下卻沒有任何變化,原因是ie6對a:hover子標簽的解讀是建立在父標簽的hover設置上的,換句話說如果不設置任何父標簽a:hover{}則ie6就會停止對a的子標簽hover解讀,也就會出現ie6下a:hover設置失效的問題。解決方法:對父標簽設置a:hover{color:blue;}其中父標簽的hover也不是像網上說的隨意設置任意屬性就可以的;更不是必須和子標簽的所有屬性設置重復一遍。如css設置成:

復制代碼
代碼如下:a span {color:red;}
a:hover {font-size:12px;}
a:hover span {color:blue;}

ok,你現在對span的設置又重新有效了。
 

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 临西县| 定远县| 股票| 同仁县| 沧州市| 固安县| 福安市| 宁乡县| 印江| 湖州市| 汉中市| 环江| 宁波市| 灌云县| 奉贤区| 诏安县| 福安市| 玉屏| 孝昌县| 昌乐县| 卓资县| 陆丰市| 新巴尔虎左旗| 突泉县| 东明县| 札达县| 临夏市| 明光市| 乐平市| 广汉市| 白玉县| 阿拉尔市| 泰州市| 苏尼特左旗| 巴中市| 青田县| 乌兰县| 嘉义市| 临汾市| 灵璧县| 通江县|