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