日期:2014-05-17  浏览次数:20637 次

进入这块区域为何只有小部分区域的鼠标形状是手形?
<div   id= "pic ">
      <ul>
            <li   class= "Head "> <a   href= "http://www.sohu.com/ "   title= "Sohu "> Sohu </a>
            </li>            
      </ul>


下面是相关的样式设计:
#pic{
                width:400;
                height:584;  
                position:relative;
          }

#pic   ul{
                  margin:0;
                  padding:0;
                }

#pic   a{
                  position:absolute;
display:block;
height:120px;
width:100px;
            }


#pic   .Head   a{
                          left:   68px;
                          top:   21px;
                        }

#pic   a:hover{
          border:1px   solid   #fff;
       
                        }

我现在有两个问题:
1、直接运行,则鼠标停在链接文本时形状为手形,可一离开文本,即使鼠标在height:120px;width:100px;的区域,鼠标还原为指针形,按理设置display:block,则在height:120px;width:100px;的区域中鼠标均为手形才对啊!真不知何故?请高手帮忙解答!

2、将#pic   a:hover{
                                border:1px   solid   #fff;
                              }
改为:
  #pic   a:hover{
                            border:1px   solid   #fff;
                            background-color:Blue  
                          }
则鼠标停在链接文本时形状为手形,接着在height:120px;width:100px;的区域中移动,鼠标均为手形,可问题是:我直接进入这个区域,而没有经过链接文本时,鼠标均为指针形,按理也应该是手形才对啊!?郁闷啊,请高手救我啊。

谢谢!!!!!!!!!!!!!!!!!!!!!!!!!!


------解决方案--------------------
想得没错,效果也没错,楼主的浏览器?
------解决方案--------------------
我也是用ie6~~~
用楼主的代码,可以出现楼主说的效果啊!在一大块上面可以显示鼠标手型!
------解决方案--------------------
#pic a{
position:absolute;
display:block;
height:120px;
width:100px;
}

里面的position:absolute;去掉试试……
不知道你为啥要用这句……
定下的定位可以动过自己元素的margin或者其父层元素的padding来实现……
------解决方案--------------------
楼上的似乎可以解决

------解决方案--------------------
如果是白色背景的话,取巧的办法可以在#pic a中加入background:#ff0;