首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

进入这块区域为何只有小部分区域的鼠标形状是手形?该如何处理

2012-02-14 
进入这块区域为何只有小部分区域的鼠标形状是手形?divid pic ulliclass Head ahref http:/

进入这块区域为何只有小部分区域的鼠标形状是手形?
<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;


你试试
这个好像是ie的bug……

热点排行