1. 爱易网页
  2. HTML教程
  3. 是IE与FF的区别还是position有关问题

是IE与FF的区别还是position有关问题

日期：2014-05-17　 浏览次数：20602 次

是IE与FF的区别还是position问题?
<style>
body   {
        text-align:center;
}
#positioner{
        clear:both;
        margin:0   auto;
        position:relative;
}

.menubox   {
        float:left;
        width:149px;
        height:20px;
        margin:0   1px   0   0;
        padding:0;
        overflow:hidden;        
}

.menubox:hover   {
        height:auto;
}

.menubox   ul   {
        margin:0;
        padding:0;
}

.menubox   ul   li   {
        list-style:none;
        background:#cff;
}

.menubox   ul   li   ul   {
        display:none;
}

.menubox   ul   li:hover   ul   {
        display:block;
        position:absolute;
        margin-top:0px;
        left:149px;
}

.menubox   a   {
        display:block;
        padding:2px   0   0   0;
        width:149px;
        height:17px;
        border-bottom:1px   solid   #fff;
        font-family:Verdana;
        font-size:12px;
        text-decoration:none;
        color:#000;
}

.menubox   a:hover   {
        background:#ffc;
        color:#F00;
}

.menubox   ul   li.showitem   a   {
        background:#ccc;
}

#item2   li   {
        background:#fcf;
}
       
</style>


<body>
<div   id= "positioner ">
<div   class= "menubox ">
<ul>
<li   class= "showitem "> <a   href= "# "> Item   1 </a> </li>
<li   class= "hiddenitem "> <a   href= "# "> Item   1   1 </a> </li>
<li   class= "hiddenitem "> <a   href= "# "> Item   1   2   > > </a>
<ul   id= "item2 ">
<li   class= "hiddenitem "> <a   href= "# "> Item   1   2   1 </a> </li>
<li   class= "hiddenitem "> <a   href= "# "> Item   1   2   2 </a> </li>
</ul>
</li>
<li   class= "hiddenitem "> <a   href= "# "> Item   1   3 </a> </li>
</ul>
</div>
<div   class= "menubox ">
<ul>
<li   class= "showitem "> <a   href= "# &quo

相关资料更多>

  1. 搜狗、IE兼容模式下样式错乱有关问题-100分求高人
  2. div在FF中可以居间在IE8中居中不了 css margin:0px auto
  3. python html parser库lxml的引见和使用
  4. 仅以此文捐给初出茅庐以及在纠结中往复徘徊的HTML5开发者们
  5. css 图片 局部 明晰(矩形)
  6. 关于jquery中iframe取值有关问题 高分答题
  7. 网页设计一
  8. Html标签属性范例大全
  9. 使用dreamweaver中的举动做导航，为什么鼠标移动时会一直闪