这样设置为何没显示为块状?
<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;
width:100px;
}
#pic .Head a{
left: 68px;
top: 21px;
display:block;
line-height:120px;
width:100px;
}
#pic a:hover{
border:1px solid #fff;
display:block;
line-height:120px;
}
我发现没有呈现按钮形状,不知何故
------解决方案--------------------先不管你的代码这样写合不合理,至少效果是出来了,鼠标移上去会有一些偏移,哈哈
只是不明白你要哪样的按钮状,要背景没背景,即使边框也是白色,如果你的眼睛能在白色背景网页中区分得出hover时候的白色边框,那就可以看见按钮形状了
------解决方案--------------------#pic a:hover{
border:1px solid #630;
display:block;
line-height:120px;
}
换一种颜色看看
------解决方案--------------------嗯?你用什么浏览器的?我用IE6都是能实现的~
------解决方案--------------------设置line-height,同时设置height
------解决方案--------------------position:absolute;去掉就好,他的定位建议不要用这个绝对定位方式
------解决方案--------------------#pic{
width:400;
height:584;
position:relative;
}
你这里的单位呢?
如果是
width:400px;
height:584px;
我这里测试是没问题的,会出手型。