背景顏色是不能在Firefox 4

這裏可見與工作撥弄林： http://jsfiddle.net/SxZGE/背景顏色是不能在Firefox 4

代碼的HTML部分是：

<div class="Right green"> 
    <h2> 
     <div class="number colorV"> 8.123456 </div> 
     <div id="text"> huh-fjiuetie</div> 
    </h2> 
    <div class="Right-after green-after"></div> 
</div>

問題：我的瀏覽器是firefox4和Im不能看到背景顏色，即文本下面的綠色（這是在Firefox的高版本中可見）

有人可以給這個（爲了看到背景顏色）的解決方案，而無需更改瀏覽器或升級它（即，我的瀏覽器必須是firefox4，並且此頁面應按要求呈現）

來源

2013-10-11 user2613399

爲什麼你使用2.5歲的瀏覽器？ – j08691

也許FF4不支持「線性漸變」。嘗試'-moz-linear-gradient' – WebNovice

嘗試添加供應商前綴值-moz-linear-gradient。

Here是你的小提琴的更新版本。

如果你想支持多種瀏覽器和版本，不要忘了添加其他供應商的前綴值的其他瀏覽器，並添加備用background: #005b26;前的梯度規律。

你下課會是這個樣子：

.green { 
    background: #005b26; 
    background: -webkit-linear-gradient(to left, #1d9755,#005b26,#002000); 
    background: -moz-linear-gradient(to left, #1d9755,#005b26,#002000); 
    background: -o-linear-gradient(to left, #1d9755,#005b26,#002000); 
    background: -ms-linear-gradient(to left, #1d9755,#005b26,#002000); 
    background: linear-gradient(to left, #1d9755,#005b26,#002000); 
}

Here是一個工具，你可以用它來對供應商前綴添加到您的CSS。

來源

2013-10-11 03:04:27 Spooky

它不是在這種情況下工作 – user2613399

在這種情況下，而不是線性漸變我得到一個恆定的背景，你在第一行設置 – user2613399

@ user2613399是的，這是後備案件時，瀏覽器不支持其他值。 – Spooky

試着改變你的。綠色級以下幾點：

.green { 
    background: -moz-linear-gradient(to left, #1d9755,#005b26,#002000); 
    background: -webkit-linear-gradient(to left, #1d9755,#005b26,#002000); 
    background: linear-gradient(to left, #1d9755,#005b26,#002000); 
}

來源

2013-10-11 03:04:55 WebNovice

它也不是那種方式。在firefox4線性漸變工作？ – user2613399

它說，它從FF 3.6及更高版本，只要你使用-moz前綴。 – WebNovice

@WebNovice你會想把'線性漸變'放在其他的下面。 – Spooky

嘗試使用該供應商前綴的CSS規則：

-moz-linear-gradient(to left, #1d9755,#005b26,#002000)

「-moz-線性漸變」支持FF 3.6+

來源

2013-10-11 03:07:31 chunterg

只是你知道;供應商前綴不是「瀏覽器黑客」。 – Spooky

@Spooky感謝您的糾正 – chunterg

背景顏色是不能在Firefox 4

回答

相關問題