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

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

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

是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. HTML5网页制造:鼠标滚轮事情让用户与网页交互
  2. div+css 浏览器兼容有关问题
  3. 显示宽度的有关问题
  4. innerHtml与outerHtml的差别
  5. 在IE打开的页面上，点一个链接，如何用默认的浏览器打开，而非IE
  6. html中<a>标签_top跟_parent的区别
  7. js在360、漫游、搜狗不能使用
  8. 深度求解，惯用的富文本框插件FreeTextBox、CKEditor、FCKEditor、uedtior、KindEditor ,到底哪个好用
  9. android Html.fromHtml 存在有关问题