IE10中的字体太粗体了

Question

我有一些HTML表格标题,使用CSS"font-weight:bold"变为粗体.这在IE8模式下在Chrome,Firefox和IE10中看起来很好,但是当我在IE10模式下访问IE10中的页面时,文字太过于大胆.

如何解决这个问题？

*{
    font-family:        Arial, Helvetica, sans-serif;
    font-size:          12px;
}
.widetableheader{
    font-weight:bold;
}

Answer 1

要定位IE10具体你需要使用javascript,因为他们已经删除了条件注释.(感谢stereoscott指出这一点)以下是使用jquery执行此操作的快速方法:

if ($.browser.msie && $.browser.version == 10) {
  $("html").addClass("ie10");
}

如果IE9或更低,我建议做条件评论.

要做到这一点,首先要设置一个特定于IE10的样式表,你可能会遇到其他在IE中看起来很奇怪的东西,因为IE是破坏你的代码并使事情变得糟糕的最好的浏览器.

<!--[if IE 9]>
<link rel="stylesheet" type="text/css" href="ie10.css">
<![endif]-->

现在在该样式表中只需指定font-weight,因为它仅适用于IE 10:

.widetableheader{
  font-weight:500;
}

在font-weight中操作该数字,直到你在IE中得到它为止.

祝你好运,如果你有任何问题,请告诉我:)