css 兼容性問題this.style.cursor=''hand''
更新時(shí)間：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)劃過去時(shí)，會(huì)出現(xiàn)一個(gè)小手的形狀，但是在FF中，只有第一次劃過去才有效，這個(gè)有效是因?yàn)橛绣^記A的存在，而不是onmouseover起作用的結(jié)果。
網(wǎng)上找了很多，都說只要讓this.style.cursor='hand'改成this.style.cursor='pointer'就可以了，但是在FF中鼠標(biāo)劃過去時(shí)只有第一次會(huì)出現(xiàn)小手。
其實(shí)在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中測(cè)試通過。
先看這一句
復(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)劃過去時(shí)，會(huì)出現(xiàn)一個(gè)小手的形狀，但是在FF中，只有第一次劃過去才有效，這個(gè)有效是因?yàn)橛绣^記A的存在，而不是onmouseover起作用的結(jié)果。
網(wǎng)上找了很多，都說只要讓this.style.cursor='hand'改成this.style.cursor='pointer'就可以了，但是在FF中鼠標(biāo)劃過去時(shí)只有第一次會(huì)出現(xiàn)小手。
其實(shí)在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中測(cè)試通過。
相關(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)各大類庫(kù)都能利用xxx.innerHTML=HTML片斷來生成節(jié)點(diǎn)元素，再把它們插入到目標(biāo)元素的各個(gè)位置上。這東西實(shí)際上就是insertAdjacentHTML，但是IE可惡的innerHTML把這優(yōu)勢(shì)變成劣勢(shì)。2014-06-06
推薦三種簡(jiǎn)潔的Tab導(dǎo)航（網(wǎng)頁選項(xiàng)卡）簡(jiǎn)析
推薦三種簡(jiǎn)潔的Tab導(dǎo)航（網(wǎng)頁選項(xiàng)卡）簡(jiǎn)析...2007-05-05
css寫菜單：簡(jiǎn)潔注釋版...2006-12-12
大家看了就明白了css樣式中類class與標(biāo)識(shí)id選擇符的區(qū)別小結(jié)
大家看了就明白了css樣式中類class與標(biāo)識(shí)id選擇符的區(qū)別小結(jié)...2007-12-12
大部分是由注釋造成文字溢出，屬于IE6的BUG，溢出文字的字?jǐn)?shù)=注釋的條數(shù)*2-1，這里的字?jǐn)?shù)在中 文或英文數(shù)字時(shí)都成立。注釋坐在位置與溢出位置、區(qū)塊的浮動(dòng)以及文字區(qū)塊的固定寬度有必然聯(lián)系。2008-12-12
非常漂亮的Div+CSS布局入門教程...2007-03-03
通常對(duì)于無刷新提交表單，我們都是運(yùn)用ajax實(shí)現(xiàn)的。前段時(shí)間了解到另一種無刷新提交表單的方法?，F(xiàn)在整理出來分享給大家。2014-05-05
2008-01-01
總結(jié)下清除浮動(dòng)的一般解決方案,做網(wǎng)頁時(shí)要注意2008-03-03