文字陰影不適用於Opera

我已將文字塊添加到使用視差滾動的頁面區域。此文本塊具有必要的樣式規則以應用小文本陰影。問題是，在Opera中，我必須將它設置爲!important，否則它不會這樣做。相反，它將其設置爲：文字陰影不適用於Opera

* { 
    text-shadow: transparent 0px 0px 0px, 
       rgba(0,0,0, 0.68) 0px 0px 0px !important 
}

奇怪的是，我的代碼中沒有任何指令會告訴它這樣做。

它適用於Firefox。

宣言

h1.mainText { 
    color: white; 
    font-weight: 100; 
    font-size: 46px; 
    line-height: 1em; 
    text-transform: uppercase; 
    text-shadow: 0 1px 3px fade(black, 40%); 
    margin-top: 186px; 
    [...] 
}

輸出

enter image description here

來源

2014-03-13 Mike Rockétt

好吧，你對*規則很重要，所以你需要重要的重寫它。你應該知道這條規則來自哪裏。它必須來自某種東西，因爲它無法創造自己。這是一個非常慢的選擇器 – Huangism

我沒有'*'規則，它被放在那裏。但我只是發現了原因 - 這是Opera Font Rendering Extension。剛剛關掉它，它就像一個魅力。 –

這是歌劇院字體渲染擴展。剛剛關掉它，它就像一個魅力。

來源

2014-03-13 14:50:59

文字陰影不適用於Opera

回答

相關問題