跨瀏覽器字體/顏色問題 - Chrome/Safari

希望有人可以幫助我做什麼我錯了，因爲我的網站的CSS（樣式）在Firefox中都很好看，但在Chrome和Safari中，我的字體都出來了在Firefox中尋找黑色而不是灰色。跨瀏覽器字體/顏色問題 - Chrome/Safari

任何人都可以協助爲什麼在Safari和Chrome中字體/顏色不同 - 它看起來像大膽的黑色。

頁眉風格我用我的內容專區內，即：

#content { 
    font-family: Georgia, "Times New Roman", Times, serif; 
    font-size: 18px; 
    color: #333; 
    border-right-width: 1px; 
    border-bottom-width: 1px; 
    border-left-width: 1px; 
    border-right-style: solid; 
    border-bottom-style: solid; 
    border-left-style: solid; 
    border-right-color: #990; 
    border-bottom-color: #990; 
    border-left-color: #990; 
    padding-bottom: 10px; 
    padding-right: 10px; 
    padding-left: 10px; 
    background-color: #FFF; 
    width: 973px; 
    text-align: left; 
    display: block; 
    background-image: url(images/bgcontent.jpg); 
    background-repeat: repeat; 
} 


h1 { 
    font-family: "Lucida Grande"; 
    background-color: transparent; 
    height: 20px; 
    width: 650px; 
    color: #FF9904; 
    font-size: 36px; 
    text-align: left; 
    float: none; 
    vertical-align: top; 
    border-bottom-width: 2px; 
    border-bottom-style: solid; 
    border-bottom-color: #999; 
    letter-spacing: normal; 
    margin: 0; 
    padding: 0.5em 0; 
}

我還發現，與谷歌Chrome，即這個鏈接有關使用：

@charset 「XXX」

http://www.google.com/chrome/intl/en/webmasters-faq.html#fontspecs

謝謝。

來源

2010-03-11 tonyf

您可能想要發佈一些代碼示例 – douwe 2010-03-11 11:47:06

已添加Chrome/Safari中字體/顏色不正確的主要內容div所需的樣式。 – tonyf 2010-03-11 12:02:32

我剛剛檢查了我的電腦，Firefox和Chrome之間似乎沒有顏色差異。我正在運行Windows（對於這兩者），並且應該注意的是，Mac和PC之間總是會有不同的顏色，因爲它們使用不同的gamma值進行校準。閱讀更多關於伽瑪的東西here，但請注意，你不能從CSS的角度做很多事情。

另一個可能的問題是它可能只是你的電腦......你有沒有在多臺電腦上試過這個問題？您始終可以嘗試使用諸如Browsershots或Browserlab之類的工具。

最後，有可能是有一些相關代碼觸發了一些跨瀏覽器的區別....這是你的所有代碼還是有更多的CSS的地方？你能提供一個實時鏈接到你遇到問題的網頁嗎？

來源

2010-03-11 15:58:40

+1爲Browsershots和Browserlab的鏈接 – dotancohen 2012-09-18 13:46:21

這是否也會發生，如果你讓他們成爲一種顏色，例如紅色？如果不是，那麼它就是webkit的反鋸齒，它更加激進。

但是如果它仍然發生，你可以用鉻檢查器和螢火蟲檢查，如果safari/chrome和firefox解釋CSS的方式不同。他們選擇哪種顏色選擇器

來源

2010-03-11 11:45:16 douwe

您發佈的示例css是可以的。嘗試將!important添加到顏色屬性。

color: #FF9904 !important;

來源

2010-03-11 15:56:58 easwee

使用！重要標籤並不是一個好習慣，因爲它與風格的優先級相混淆 – DarkCygnus 2017-03-03 20:36:30

@GrayCygnus 7年後，這個問題是無關緊要的。當時可能有一個瀏覽器錯誤。 – easwee 2017-03-05 09:34:45

在撰寫本文時（2015年6月），有bug in OS X Chrome that means it doesn't apply colour correction to CSS-colours或untagged images。 Safari（自OS X 10.9開始）將顏色校正應用於CSS顏色和圖像。

來源

2015-06-08 07:48:24 Anon

跨瀏覽器字體/顏色問題 - Chrome/Safari

回答

相關問題