FsCommand » IE6中LIST元素背景消失BUG

为你的链接添加站点缩略图 »

« IE6 中带有背景的链接闪烁

IE6中LIST元素背景消失BUG

Posted on 2006-12-25 星期一

（本文翻译自ADOBE）

在IE6中如果list元素在一个浮动的容器中，并且此容器的position属性为relative的时候，li 或dt等列表元素的背景可能会消失不见。这是一个IE6的BUG。解决方法就是将列表项目的position属性也设置为relative。例如：

/*CSS*/
div#wrapper {
position: relative; /* 导致 bug */
float: left;
width: 250px;
}
div#wrapper dt {
background:#CCCCEE; ; /* 导致 bug */
}
/*HTML*/
<div id=“wrapper”>
<dl>
<dt>List One</dt> <!– this background won’t render –>
<dd>Subitem 1 </dd>
<dd>Subitem 2 </dd>
<dd>Subitem 3 </dd>
<dd>Subitem 4 </dd>
<dd>Subitem 5 </dd>
<dt>List Two</dt> <!– this background will render –>
<dd>Subitem 1 </dd>
<dd>Subitem 2 </dd>
<dd>Subitem 3 </dd>
<dd>Subitem 4 </dd>
<dd>Subitem 5 </dd>
</dl>
</div>
/*解决方法，加入以下CSS定义*/
ul, ol, dl { position: relative; }

如图：
列表背景BUG

样例下载：bug_481.zip

No comments have been added to this post yet.

留下评论