ie8中怎么给html布局,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 | 芒果小站