使用CSS提供的鼠標hover屬性可以實現比較更加炫的效果,但是在IE6中不支持hover,使很多設計美麗的效果失去作用,本文就給出一個具體的解決方法。
要想讓IE6也比較完美的支持hover屬性,可以使用下面的方法來實現:
<style type="text/css">
p:hover,p.hover { background:#eee; } /*在這里使用.hover來輕松解決這個問題*/
</style>
如果想讓你的網頁都支持上面的樣式,可以在</body>標簽前面添加如下的javascript腳本即可:
<script type="text/javascript">
//<!– 讓所有標記支持hover
function $(){
if(document.all){ // 判斷是否IE瀏覽器
var obj=document.all; //獲取當前網頁中所有的文檔中的對象
for(var i=0;i<obj.length;i++){
obj[i].onmouseover=function(){ //為每個對象的onMouseOver事件添加此樣式
this.className="hover"
} ;
obj[i].onmouseout=function(){ //當鼠標滑出該對象時,運用默認的樣式
this.className=""
};
}
}
}
$(); //調用方式
//–>
</script>
從上面解決問題的方法來看,不是IE6不支持hover屬性了,而是使用的方式改變了,因此,有必要研究一下不同瀏覽器對統一樣式屬性的實現方法,從而使自己的網頁能夠在任何類型的瀏覽器中都有較好的表現。
新聞熱點
疑難解答