css 兼容性問題this.style.cursor=''hand''

2020-10-23 18:30:20

字體：大中小

來源：轉載

供稿：網友

作者：洛科
先看這一句

復制代碼代碼如下:

<a href='#' onmouseover="this.style.cursor='hand'" onmouseout="this.style.cursor='default'" onclick="document.getElementById('ShowContent').innerHTML='';return false;"> 
<img alt="清空屏幕" src="UI/clear.gif" style="border:0"/> 
</a> 

在IE下是沒問題的，當鼠標劃過去時，會出現一個小手的形狀，但是在FF中，只有第一次劃過去才有效，這個有效是因為有錨記A的存在，而不是onmouseover起作用的結果。
網上找了很多，都說只要讓this.style.cursor='hand'改成this.style.cursor='pointer'就可以了，但是在FF中鼠標劃過去時只有第一次會出現小手。
其實在FF下面要達到在IE中一樣的效果也是可以的。我們的辦法就是使用CSS HACK(難道我為CSS HACK又增添了這一條哈哈？)

復制代碼代碼如下:

<a href='#' onmouseover="this.style.cursor='pointer';this.style.cursor='hand'" onmouseout="this.style.cursor='default'" onclick="document.getElementById('ShowContent').innerHTML='';return false;"> 
<img alt="清空屏幕" src="UI/clear.gif" style="border:0"/> 
</a> 

在IE7和FF3.0.3中測試通過。

上一篇：純CSS實現上下左右都居中的代碼

下一篇：css pointer控制在firefox下顯示手型的代碼