网页CSS光标手形无效有关问题

网页CSS光标手形无效问题
为什么单独这句：“<div style="cursor:hand">123</div> ”的hand无效，下面这个里面的hand又有效呢？相当郁闷啊啊~
两个浏览器：Chrome 15和IE9最新版都不行


&lt;html&gt;&lt;head&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=gb2312"&gt;
&lt;link rel="stylesheet" type="text/css" href="css2.css"&gt;
&lt;script type="text/jscript" src="css2.js"&gt;&lt;/script&gt;
&lt;base target="_self"&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;table id=table1 border=0 cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td id=td1 align=left&gt;&lt;a class=a2 
href="http://www.dhtmlet.com" target="_blank"&gt;DHTMLET&reg;&lt;/a&gt;&lt;/td&gt;&lt;td id=td2 align=right&gt;
&lt;a class=a1 href="default.html"&gt;属性清单&nbsp;&lt;/a&gt;|&nbsp;相关内容：&lt;select onchange="doSel()"&gt;
&lt;option value="1" selected&gt;SEE ALSO&lt;/option&gt;
&lt;option value="1"&gt;------------------------------------------&lt;/option&gt;
&lt;option value="c_filter.html" class=ie&gt;&nbsp;&nbsp;filter&lt;/option&gt;
&lt;option value="c_behavior.html" class=ie&gt;&nbsp;&nbsp;behavior&lt;/option&gt;
&lt;option value="c_zoom.html" class=ie&gt;&nbsp;&nbsp;zoom&lt;/option&gt;
&lt;/select&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;div id=div1&gt;
&lt;div id=div2 nowrap&gt;&lt;span id=span1&gt;cursor&lt;/span&gt;版本：CSS2　 兼容性：IE4+ NS6+　继承性：无&lt;/div&gt;
&lt;br&gt;&nbsp;&lt;br&gt;&lt;span class=span2&gt;语法：&lt;/span&gt;
&lt;br&gt;&nbsp;&lt;br&gt;&lt;b&gt;cursor : &lt;/b&gt;&lt;span class=span4&gt;&lt;b&gt; auto &lt;/b&gt;&lt;/span&gt;|&lt;b&gt; crosshair &lt;/b&gt;|&lt;b&gt; default &lt;/b&gt;|&lt;b&gt; hand &lt;/b&gt;|&lt;b&gt; move &lt;/b&gt;|&lt;b&gt; help &lt;/b&gt;|&lt;b&gt; wait &lt;/b&gt;|&lt;b&gt;  text &lt;/b&gt;|&lt;b&gt; w-resize &lt;/b&gt;|&lt;b&gt;s-resize &lt;/b&gt;|&lt;b&gt; n-resize &lt;/b&gt;|&lt;b&gt;e-resize &lt;/b&gt;|&lt;b&gt; ne-resize &lt;/b&gt;|&lt;b&gt;sw-resize &lt;/b&gt;|&lt;b&gt; se-resize &lt;/b&gt;|&lt;b&gt; nw-resize &lt;/b&gt;
|&lt;b&gt;pointer &lt;/b&gt;|&lt;b&gt; url (&lt;/b&gt;&lt;i&gt;url&lt;/i&gt;&lt;b&gt;)&lt;/b&gt;
&lt;br&gt;&nbsp;&lt;br&gt;&lt;span class=span2&gt;参数：&lt;/span&gt;
&lt;table border=0 cellpadding=0 cellspacing=1 bgcolor=#FEFAFA  width=280&gt;&lt;tr&gt;&lt;td 
width=25% bgcolor=#CCCFFF style="cursor:crosshair;padding:5px" align=center"&gt;crosshair&lt;/td&gt;&lt;td 
width=25% bgcolor=#CCCFFF style="cursor:default;padding:5px" align=center"&gt;default&lt;/td&gt;&lt;td 
width=25% bgcolor=#CCCFFF style="cursor:hand;padding:5px" align=center"&gt;hand&lt;/td&gt;&lt;td 
width=25% bgcolor=#FFC080 style="cursor:pointer;padding:5px" align=center"&gt;pointer&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td 
width=25% bgcolor=#CCCFFF style="cursor:move;padding:5px" align=center"&gt;move&lt;/td&gt;&lt;td 
width=25% bgcolor=#CCCFFF style="cursor:help;padding:5px" align=center"&gt;help&lt;/td&gt;&lt;td 
width=25% bgcolor=#CCCFFF style="cursor:wait;padding:5px" align=center"&gt;wait&lt;/td&gt;&lt;td 
width=25% bgcolor=#CCCFFF style="cursor:text;padding:5px" align=center"&gt;text&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td 
width=25% bgcolor=#CCCFFF style="cursor:w-resize;padding:5px" align=center"&gt;w-resize&lt;/td&gt;&lt;td 
width=25% bgcolor=#CCCFFF style="cursor:s-resize;padding:5px" align=center"&gt;s-resize&lt;/td&gt;&lt;td  
 
width=25% bgcolor=#CCCFFF style="cursor:n-resize;padding:5px" align=center"&gt;n-resize&lt;/td&gt;&lt;td 
width=25% bgcolor=#CCCFFF style="cursor:e-resize;padding:5px" align=center"&gt;e-resize&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td 
width=25% bgcolor=#CCCFFF style="cursor:ne-resize;padding:5px" align=center"&gt;ne-resize&lt;/td&gt;&lt;td 
width=25% bgcolor=#CCCFFF style="cursor:sw-resize;padding:5px" align=center"&gt;sw-resize&lt;/td&gt;&lt;td 
width=25% bgcolor=#CCCFFF style="cursor:se-resize;padding:5px" align=center"&gt;se-resize&lt;/td&gt;&lt;td 
width=25% bgcolor=#CCCFFF style="cursor:nw-resize;padding:5px" align=center"&gt;nw-resize&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td 
width=25% bgcolor=#CCCFFF style="cursor:auto;padding:5px" align=center&gt;auto&lt;/td&gt;&lt;td 
width=75% bgcolor=#FFC080 style="cursor: url(img/1001.gif);padding:5px" align=center colspan=3&gt;url(img/1001.gif)&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;br&gt;&nbsp;&lt;br&gt;您将鼠标在上方的表格内移动，就能看到本属性在您当前的软件环境下可以使用的样式。&lt;br&gt;以&lt;span 
style="background:#FFC080"&gt;这种颜色&lt;/span&gt;为背景色的是IE5.5尚不支持的值。

&lt;br&gt;&nbsp;&lt;br&gt;&lt;span class=span2&gt;说明：&lt;/span&gt;
&lt;br&gt;&nbsp;&lt;br&gt;设置或检索在对象上移动的鼠标指针采用何种系统预定义的光标形状。
&lt;br&gt;对应的脚本特性为&lt;b&gt;cursor&lt;/b&gt;。请参阅我编写的其他书目。

&lt;br&gt;&nbsp;&lt;br&gt;&lt;span class=span2&gt;示例：&lt;/span&gt;
&lt;br&gt;&nbsp;&lt;br&gt;p { cursor: text; } &lt;br&gt;a { cursor: pointer; }&lt;br&gt;body { cursor: url("mycursor.gif"), url("images/cursors/footcursor.jpg"), default; }
&lt;br&gt;&nbsp;&lt;br&gt;&nbsp;&lt;br&gt;&nbsp;&lt;br&gt;
&lt;div id=div3&gt;苏沈小雨制作保留所有权利&lt;br&gt;&lt;span id=span3&gt;&copy2001 rain1977.comer . All rights reserved . Terms of Use . &lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;

&lt;!--
苏沈小雨制作保留所有权利
(c)copyright 2001 rain1977.comer  (rainer@mail.hf.ah.cn)
http://www.dhtmlet.com
--&gt;

[最优解释]
用pointer 兼容性要好些。
cursor:pointer

[其他解释]
将hand改为：pointer
也就是：
“<div style="cursor:hand">123</div> ”
改为：
“<div style="cursor:pointer">123</div> ”
[其他解释]

引用:

为什么单独这句：“<div style="cursor:hand">123</div> ”的hand无效，下面这个里面的hand又有效呢？相当郁闷啊啊~
两个浏览器：Chrome 15和IE9最新版都不行

HTML code

<html><head>
<meta http-equiv="Content-Type" content="text……

就是用pointer

欢迎加入.NET技术交流群(500人超级群) 群号:167065914(主群) 群管理招收中
[其他解释]
不是兼容性问题，试过了
[其他解释]
哎哎，应该是光标文件坏了~呵呵
[其他解释]

引用:

将hand改为：pointer
也就是：
“<div style="cursor:hand">123</div> ”
改为：
“<div style="cursor:pointer">123</div> ”

就是用pinter

欢迎加入.NET技术交流群(500人超级群) 群号:167065914(主群) 群管理招收中

网页CSS光标手形无效有关问题

热点推荐