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)文章
當(dāng)浮動(dòng)元素與非浮動(dòng)元素相鄰時(shí)，這個(gè)3像素的Bug就會(huì)出現(xiàn)，它會(huì)偏移3像素。2008-10-10
IE死了，無論是IE6還是7，今天遇到了這個(gè)問題！帶著滿身的汗查了半天，終于定位到問題了！原來是float元素沒有閉合的原因！2008-04-04
區(qū)分IE6，IE7，firefox的CSS hack
經(jīng)常網(wǎng)頁布局需要兼職多瀏覽器，所以下面的css hack可以用，但最好少用，不得不用才用2008-04-04
在一個(gè)已經(jīng)固定了寬度的表格內(nèi)輸入字符，當(dāng)輸入的全是英文字符的話，隨著輸入的字符越多，表格就逐漸被撐寬，除非手動(dòng)敲回車換行才能避免這一問題。如果輸入的是中文字符的話，則不存在這樣的問題。2008-05-05
ie6,ie7,ie8完美支持position:fixed的終極解決方案
ie6對(duì)position:fixed不支持，網(wǎng)上有很多解決方法，有的在ie6,ie7上調(diào)試成功后，在ie8上又不好使，div層還是跟隨滾動(dòng)條浮 動(dòng)；以下總結(jié)方法，在ie6,ie7,ie8上都調(diào)試成功，且頁面滾動(dòng)條滾動(dòng)時(shí)，效果還挺好，div層并不會(huì)閃爍。2014-05-05
CSS條件注釋的使用詳解教材...2007-03-03
css position: absolute、relative詳解
今天在看CSS的時(shí)候遇到了position: absolute、relative的問題，一直比較迷糊，今天終于搞清楚了。2008-11-11
前端面試學(xué)習(xí)中幾個(gè)常見有用的知識(shí)點(diǎn)
一場(chǎng)疫情過后，又要經(jīng)歷一次次面試，今天小編給大家分享前端面試學(xué)習(xí)中幾個(gè)常見有用的知識(shí)點(diǎn)，非常不錯(cuò)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友參考下2022-12-12
推薦個(gè)不錯(cuò)的表單Input的高級(jí)用法11例
推薦個(gè)不錯(cuò)的表單Input的高級(jí)用法11例...2007-11-11
DIV+CSS網(wǎng)頁另類上下布局的實(shí)例代碼
在論壇里看到一位朋友在問一個(gè)上下2個(gè)內(nèi)容框的，寬度為100%的布局方式，然后自己也就嘗試了一下，發(fā)現(xiàn)了幾個(gè)問題的存在2008-10-10