css 兼容性問題this.style.cursor=''hand''
更新時間：2008年11月05日 23:05:44 作者：
css 兼容性問題this.style.cursor='hand'讓我們來CSS HACK
作者：洛科
先看這一句
<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下是沒問題的，當(dāng)鼠標(biāo)劃過去時，會出現(xiàn)一個小手的形狀，但是在FF中，只有第一次劃過去才有效，這個有效是因為有錨記A的存在，而不是onmouseover起作用的結(jié)果。
網(wǎng)上找了很多，都說只要讓this.style.cursor='hand'改成this.style.cursor='pointer'就可以了，但是在FF中鼠標(biāo)劃過去時只有第一次會出現(xiàn)小手。
其實在FF下面要達(dá)到在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中測試通過。
先看這一句
復(fù)制代碼 代碼如下:
<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下是沒問題的，當(dāng)鼠標(biāo)劃過去時，會出現(xiàn)一個小手的形狀，但是在FF中，只有第一次劃過去才有效，這個有效是因為有錨記A的存在，而不是onmouseover起作用的結(jié)果。
網(wǎng)上找了很多，都說只要讓this.style.cursor='hand'改成this.style.cursor='pointer'就可以了，但是在FF中鼠標(biāo)劃過去時只有第一次會出現(xiàn)小手。
其實在FF下面要達(dá)到在IE中一樣的效果也是可以的。我們的辦法就是使用CSS HACK(難道我為CSS HACK又增添了這一條 哈哈？)
復(fù)制代碼 代碼如下:
<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中測試通過。
相關(guān)文章
雖然CSS中的min-width、min-height、max-width、max-height屬性在CSS中早有出現(xiàn)，不過支持此屬性的瀏覽器使用比率都不高，比如Firefox。2008-01-01
IE6/IE7/IE8/IE9中tbody的innerHTML不能賦值的完美解決方案
最近發(fā)現(xiàn)各大類庫都能利用xxx.innerHTML=HTML片斷來生成節(jié)點元素，再把它們插入到目標(biāo)元素的各個位置上。這東西實際上就是insertAdjacentHTML，但是IE可惡的innerHTML把這優(yōu)勢變成劣勢。2014-06-06
推薦三種簡潔的Tab導(dǎo)航（網(wǎng)頁選項卡）簡析
推薦三種簡潔的Tab導(dǎo)航（網(wǎng)頁選項卡）簡析...2007-05-05
css寫菜單：簡潔注釋版...2006-12-12
大家看了就明白了css樣式中類class與標(biāo)識id選擇符的區(qū)別小結(jié)
大家看了就明白了css樣式中類class與標(biāo)識id選擇符的區(qū)別小結(jié)...2007-12-12
大部分是由注釋造成文字溢出，屬于IE6的BUG，溢出文字的字?jǐn)?shù)=注釋的條數(shù)*2-1，這里的字?jǐn)?shù)在中 文或英文數(shù)字時都成立。注釋坐在位置與溢出位置、區(qū)塊的浮動以及文字區(qū)塊的固定寬度有必然聯(lián)系。2008-12-12
非常漂亮的Div+CSS布局入門教程...2007-03-03
通常對于無刷新提交表單，我們都是運用ajax實現(xiàn)的。前段時間了解到另一種無刷新提交表單的方法。現(xiàn)在整理出來分享給大家。2014-05-05
2008-01-01
總結(jié)下清除浮動的一般解決方案,做網(wǎng)頁時要注意2008-03-03