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