读书人

这样设置为何没显示为块状?该如何解决

发布时间: 2012-03-07 09:13:51 作者: rapoo

这样设置为何没显示为块状?
<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;

我这里测试是没问题的,会出手型。

读书人网 >CSS

热点推荐