软件下载 | 资讯教程 | 最近更新 | 下载排行 | 一键转帖 | 发布投稿
您的位置:最火下载站 > Web前端 > Html/css > IE8 中关于 colspan 属性的 bug

IE8 中关于 colspan 属性的 bug

IE8 认为所有的表格单元格都具有 colfont 属性。因此如果需要单独针对具有 colfont 属性的单元格设置样式,就有点棘手了。

td[colfont],
th[colfont] {
/* 注意:不管单元格是否有 colfont 属性,在 IE8 中该样式一律是生效的
even if they don't have a colfont */
background: red;
}

你期望的结果可能是酱紫的:

但往往在 IE8 下,样式被应用到了所有单元格:

这个 bug 仅限于 IE8 浏览器,IE7 和 IE9 都没有这个问题。IE6 本身并不支持属性选择器,就不说了。不但如此,IE8 还认为这个莫须有的 colfont 值为 1,因此以下选择器均无效。

th[colfont],
th[colfont="1"],
th[colfont*="1"],
th[colfont^="1"],
th[colfont$="1"],
td[colfont],
td[colfont="1"],
td[colfont*="1"],
td[colfont^="1"],
td[colfont$="1"] {
/* IE8 中所有可能出现问题的情况 */
}

解决方案:

如果你确实需要使得该选择器能在 IE8 下正常工作,可以使用给 colfont 属性赋值的方法实现,但必须保证属性值不为 1,看起来有点糟糕,但的确是奏效的。

th[colfont*="0"],
th[colfont*="2"],
th[colfont*="3"],
th[colfont*="4"],
th[colfont*="5"],
th[colfont*="6"],
th[colfont*="7"],
th[colfont*="8"],
th[colfont*="9"],
th[colfont*="11"] {
/* styles */
}
td[colfont*="0"],
td[colfont*="2"],
td[colfont*="3"],
td[colfont*="4"],
td[colfont*="5"],
td[colfont*="6"],
td[colfont*="7"],
td[colfont*="8"],
td[colfont*="9"],
td[colfont*="11"] {
/* styles */
}

英文原稿:IE 8 Thinks All Table Cells Have a Colspan | CSS-Tricks
翻译整理:IE8 中关于 colspan 属性的 bug | 芒果小站

    相关阅读
    栏目导航
    推荐软件