我决定不再迎合IE6 - 我可以使用哪些美味的CSS款待？

Question

首先,这不是讨论我是否应该迎合IE6.我确信SO上有数百个主题,你可以讨论它们的优点,缺点,市场份额,javascript shiv以及随之而来的所有其他内容.

假设我已经把两根手指放到了IE6上而忽略了它的存在 -

在我设置页面样式的方式中,我现在能做些什么呢？

伪选择？

家长/孩子选择器？

其他整洁的东西？

放弃IE6会带来什么新的自由？

我知道你们中的一些人会很想告诉我为什么我应该支持ie6或js修复意味着我可以使用高级选择器等等 - 请不要浪费你/我/我们的时间!

Answer 1

您现在可以开始使用Web标准了...

使用IE6,您可以开始使用大量非常好的东西.以下是IE6特有的内容列表.

新功能

• 透明PNG(全24位!)
• 使用儿童选择器 div > p
• 兄弟选择器的用户 p + input
• 最小/最大宽度/高度
• :第一行
• :第一个孩子
• :悬停(所有元素)
• 漂浮:对
• 位置:固定
• 属性选择器(输入[type ="text"])
• 再次信任z-index

在IE7中修复的错误:

• Peekaboo Bug
• Internet Explorer和扩展框问题
• 古怪的百分比
• 行高bug
• 边境混乱
• 消失列表 - 背景错误
• 断头台虫
• 不可滚动的内容错误
• 重复字符错误
• IE和斜体
• Doubled Float-Margin bug
• 重复缩进错误
• 三个像素文本慢跑
• 爬行文本错误
• 缺少第一个字母的bug
• 幻影盒子的bug
• 31样式表限制 - 虽然,你不应该真的受此影响,否则你还有其他问题!

非技术性的东西:

• 节省时间和金钱
• 扔掉90%的CSS黑客

Answer 2

仍然真的取决于你想要定位的浏览器.还有很多值得关注的事情.

以下是您现在可以使用的IE6中不支持的功能列表:

• 子选择器(div> p)
• 相邻兄弟选择器(h1 + p)
• 一般兄弟选择器(h1~p)
• 链式类选择器(.class1.class2)
• 属性选择器(a [href])
• 后代选择器:hover伪类(div:悬停跨度)
• 链式伪类(a:first-child:hover)
• :将鼠标悬停在非锚元素上
• :第一个孩子
• "虚拟尺寸"(尺寸由顶部,右侧,左侧,底部确定位置:绝对值)
• 最小高度,最小宽度
• 最大高度,最大宽度
• 透明边框颜色
• 位置:固定
• background-attachment:fixed仅适用于根元素

您可以查看一个非常好的资源http://caniuse.com/,以查看支持的位置.

最后 - 在IE7中修复的IE6错误列表 - 更多信息在这里

• 基本的alpha透明png支持
• css子选择器
• !重要的是更正常的工作
• :第一封信支持
• 部分点击错误
• window.XMLHttpRequest变为存在,而不是ActiveXObject
• abbr标签被认可
• 选择z-index错误已解决,因为它变为无窗口