css 相容性問題this.style.cursor=''hand''_經驗交流

作者：洛科
先看這一句

複製代碼 代碼如下:

<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中測試通過。