本篇內(nèi)容介紹了“IE6不支持hover賦予css樣式如何解決”的有關(guān)知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細閱讀，能夠?qū)W有所成！

站在用戶的角度思考問題，與客戶深入溝通，找到靜安網(wǎng)站設(shè)計與靜安網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗，讓設(shè)計與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個性化、用戶體驗好的作品，建站類型包括：成都網(wǎng)站設(shè)計、成都做網(wǎng)站、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣、主機域名、網(wǎng)站空間、企業(yè)郵箱。業(yè)務(wù)覆蓋靜安地區(qū)。

對于類似的“p:hover”、“img:hover”、"li:hover"、".abc:hover"、“#header:hover”...IE6不支持hover，鼠標(biāo)經(jīng)過不會出現(xiàn)賦予css樣式，以下我們個大家介紹一種最簡單兼容各大瀏覽器特別針對IE6支持:hover解決方法。

首先需要對body樣式設(shè)置一個插件文件（csshover.htc），這樣ie6即可支持hover表達式。

讓IE6支持hover解決方法步驟如下：

一、csshover.htc下載   

立即下載 （1.755KB）

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

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

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

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

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

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

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

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

注意csshover.htc路徑。

三、ie6支持hover案例   

我們分別進行三個實驗實例。

1、實驗實例描述

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

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

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

2、此三個小實驗實例CSS代碼如下：

body { behavior:url("csshover.htc"); }/* css注釋：別忘記csshover.htc，使用時候注意路徑 */  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)過賦予讓圖片變寬 高，設(shè)置padding和2px藍色邊框、css cursor為鼠標(biāo)指針樣式  */  li:hover{ border:1px solid #000}/* li列表標(biāo)簽鼠標(biāo)經(jīng)過出現(xiàn)黑色邊框 */  .abc:hover{ color:#F00}/* 對象.abc鼠標(biāo)經(jīng)過其內(nèi)容css字體顏色變紅色 */

3、三實驗對應(yīng)HTML源代碼：

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

4、實例DW截圖

“IE6不支持hover賦予css樣式如何解決”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實用文章！

網(wǎng)站標(biāo)題：IE6不支持hover賦予css樣式如何解決
當(dāng)前URL：http://jinyejixie.com/article44/ggsshe.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供搜索引擎優(yōu)化、標(biāo)簽優(yōu)化、移動網(wǎng)站建設(shè)、手機網(wǎng)站建設(shè)、用戶體驗、建站公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)