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

这样式为什么放在标签里面才生效呢?解决办法

2012-06-16 
这样式为什么放在标签里面才生效呢?标签里面的样式放在style里面就不行style.index_weds_appear{height:

这样式为什么放在标签里面才生效呢?
标签里面的样式放在style里面就不行

<style>
.index_weds_appear{height:205px; background:#fff;}
.index_weds_appear ul li{width:124px;float:left;padding:15px 0 4px;}
.wed_a1{position:relative;}
.wed_aout{ width:124px; text-align:center;}
.index_weds_appear li a{font-size:14px;color:#000;}



.index_weds_appear ul li:hover a{background:#6CA204; color:#fff; cursor:pointer;}
.index_weds_appear ul li:hover dl{ display:block;top:0;}

.index_weds_appear ul li dl{ display:none;width:257px; position:absolute; z-index:9;}
.index_weds_appear ul li dt{ height:27px; float:left;}
.index_weds_appear ul li:hover dt a{ background:#EEFECD;color:#73A301; font-size:12px; padding:2px;}
.index_weds_appear ul li dd{font-size:12px;clear:left;text-align:left;background:#EEFECD; border:1px solid #DDE9C5; color:#73A301; line-height:17px;}
.index_weds_appear a:hover{ text-decoration:none;}</style>




<div class="index_weds_appear">
<ul>
<li style=" position:relative; z-index:1;"><div class="wed_aout"><span class="wed_a1"><a href="#" class="a1">PMCaff</a><dl style="left:46px;"><dt><a href="#">详情</a></dt><dd>系统分页系统分页系统分页系统分页系统分页系统分页系统分页系统分页系统分页系统分页系统分页</dd></dl></span></div></li>


<li><div class="wed_aout"><span class="wed_a1"><a href="#" class="a1">互联网的那些事</a><dl style="left:100px;"><dt><a href="#">详情</a></dt><dd>系统分页</dd></dl></span></div></li>

</ul>

</div>


[解决办法]
一般情况下只要STYLE样式没有相同,就可以的,你这个问题应该是,LI没有这些属性吧!

position:relative; z-index:1

热点排行