2013-04-20 42 views
3

太大膽了我有這些都使得通過使用CSS大膽一些HTML表格標題「字體重量:大膽」。在IE8模式下,在Chrome,Firefox和IE10中這看起來很好,但是當我在IE10模式下訪問IE10中的頁面時,文本太粗暴了。字體在IE10

如何解決這個問題?

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

你的CSS在哪裏?你需要發佈它 – 2013-04-20 09:41:56

+0

它不會是一個asp.net網站嗎? – 2013-04-20 09:42:41

+0

操作系統:W7,W8?哪種字體?什麼尺寸?任何細節,認真? – FelipeAls 2013-04-20 09:42:59

回答

2

使用:

​​

所以通過在CSS的表的「根」,並稱字體重量。 感謝所有的可能性!

0

它不是一個真正的 '正確' 的解決辦法,但使用jQuery你可以設置一組新的風格:

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

在CSS:

.ie10 .widetableheader{ 
    font-weight:500; 
} 

可能有更優雅的解決方案。

5

要定位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]--> 

現在,樣式表中只指定字體重量,因爲它僅適用於IE 10:

.widetableheader{ 
    font-weight:500; 
} 

操縱字體重量,這個數字直到你得到它只是罰款IE瀏覽器。

祝你好運,讓我知道如果您有任何疑問:)固定它