IE CSS Bug系列:列表元素背景不显示

伯乐在线导读:IE 浏览器不支持很多 CSS 属性是出了名的,即便在支持的部分中,也是有很多 Bug 的。Zoffix Znet 整理了 IE 中的 CSS 问题,有简单的问题示例,也有解决方法。 这个系列共有 58 个指南,70 个解决方案。这篇由伯乐在线前端开发小组的 @szxw 翻译。(欢迎更多前端开发朋友来加入“前端开发小组。)

【提示】:IE CSS BUG 系列译文正在进行中,后续或有改动和调整,请不要转载本系列的译文

—————————————————————————–

列表元素背景不显示的BUG

受影响版本

该BUG影响: IE6

表现

<li>,<dt>,<dd>等元素的背景不显示

教程日期

2009-07-19 17:05:40 星期日

描述

举个例子来说,对于一个<div>元素,将其设置position:relative。然后在<div>内添加<ul>,<ol>或者<dl>,并且给这些列表项设置背景。在IE下会发现背景不显示。

示例

根据这个BUG特性构造的一个示例在一个单独页面上。

HTML 代码:

CSS 代码:

这个是一个布局方面的BUG。因为IE浏览器不会将这些表单项拆分开,所以我们无法为表单项设置布局。

 

解决方案

下面是按照解决方案类型排序的对上述问题的解决方案。

解决方案(最佳方案)

解决方案日期

2009-07-19 17:20:24 星期日

修复版本

所有受影响版本

描述

正如我前面提到的那样,这个BUG可以确定是因为想要设置表单项的布局。但是可能是因为给<div>设置的float导致了被拆分失败。让我们先看一下修复后的示例: 根据这个BUG特性构造的一个示例在一个单独页面上。

HTML 代码:

CSS代码:

我们通过把表单项的position属性设置为relative修复了这个BUG。简单而完美!

收藏 评论

关于作者:酸斋笑我

我不会修电脑。 (新浪微博:@酸斋笑我) 个人主页 · 我的文章

相关文章

可能感兴趣的话题



直接登录
跳到底部
返回顶部