ie6支持hover嗎？

首先我們要csshover.htc下載

下載壓縮包文件解壓后得到文件“csshover.htc”，為了避免css樣式引入“csshover.htc”路徑出錯(cuò)，將此文件與css文件放到相同文件夾內(nèi)。這里實(shí)驗(yàn)就不單獨(dú)新建css文件，就只有一個(gè)"index.html"文件，所以這里將“csshover.htc”與“index.html”放到相同文件夾里。

相同文件夾內(nèi)

放入相同文件夾內(nèi)

在body樣式選擇器內(nèi)引入文件

定義在body樣式選擇器內(nèi)“body { behavior:url("csshover.htc"); }”，可放于樣式代碼最前面。

body選擇器定義

body選擇器內(nèi)定義引入csshover.htc

這樣就大功告成，此網(wǎng)頁(yè)css樣式定義如div:hover、li:hover、p:hover、自定義命名css選擇名稱(chēng)（.abc:hover）、img:hover，所定義賦予樣式IE6均支持了。

特別特別注意：

要成功需要直接在HTML中加以下代碼（HTML文件內(nèi)直接引入csshover.htc文件）：

<style> 
body{behavior:url("csshover.htc");} /* 使用時(shí)候注意路徑正確 */
</style>

注意csshover.htc路徑。

ie6支持hover案例

我們分別進(jìn)行三個(gè)實(shí)驗(yàn)實(shí)例。

實(shí)驗(yàn)實(shí)例描述

第一個(gè)實(shí)例：對(duì)img標(biāo)簽賦予hover（即 img:hover{...} ）樣式，鼠標(biāo)經(jīng)過(guò)時(shí)圖片邊大，出現(xiàn)邊框與padding距離；

第二個(gè)實(shí)例：對(duì)li標(biāo)簽賦予hover(即 li:hover{...} )樣式，鼠標(biāo)經(jīng)過(guò)時(shí)候ul li標(biāo)簽出現(xiàn)黑色邊框；

第三個(gè)實(shí)例：對(duì)自己隨便命名css樣式選擇名稱(chēng)賦予hover（即 .abc:hover{...} ）,鼠標(biāo)經(jīng)過(guò)此abc對(duì)象DIV盒子時(shí)候，對(duì)象內(nèi)文字變?yōu)榧t色。

此三個(gè)小實(shí)驗(yàn)實(shí)例CSS代碼如下：

body { behavior:url("csshover.htc"); }/* css注釋?zhuān)簞e忘記csshover.htc，使用時(shí)候注意路徑 */ 
img{width:165px; height:60px; background:#090;}/* 原本圖片寬度和高度背景顏色 */ 
img:hover{width:200px; height:200px; padding:3px; border:2px solid #00F; cursor:pointer} 
/* hover鼠標(biāo)經(jīng)過(guò)賦予讓圖片變寬 高，設(shè)置padding和2px藍(lán)色邊框、css cursor為鼠標(biāo)指針樣式  */ 
li:hover{ border:1px solid #000}/* li列表標(biāo)簽鼠標(biāo)經(jīng)過(guò)出現(xiàn)黑色邊框 */ 
.abc:hover{ color:#F00}/* 對(duì)象.abc鼠標(biāo)經(jīng)過(guò)其內(nèi)容css字體顏色變紅色 */

三實(shí)驗(yàn)對(duì)應(yīng)HTML源代碼：

<!-- html注釋?zhuān)? 鼠標(biāo)經(jīng)過(guò)圖片變大 --> 
<img src="div -logo-2013.gif" alt="DIV LOGO" /> 
<!-- 2 鼠標(biāo)經(jīng)過(guò)li出現(xiàn)邊框  --> 
<ul> 
<li>對(duì)li設(shè)置hover樣式，鼠標(biāo)經(jīng)過(guò)加CSS邊框</li> 
</ul> 
<!-- 3 鼠標(biāo)經(jīng)過(guò)abc盒子內(nèi)文字變?yōu)榧t色  --> 
<div class="abc">對(duì).abc:hover，鼠標(biāo)經(jīng)過(guò)時(shí)候文字顏色變紅</div>

瀏覽器不支持hover的解決方法就這么多，有需要的朋友可以保存一下，也請(qǐng)大家持續(xù)關(guān)注本站的其他更新。

相關(guān)閱讀：

html導(dǎo)航條制作的圖文代碼分享

怎樣用CSS操作div的z-index

html的錨文本怎么寫(xiě)

以上就是ie6支持hover嗎？的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！