背景大小將不會在Firefox

改變的高度（在左側）線性梯度當我把下列背景圖像：背景大小將不會在Firefox

background-image: -moz-linear-gradient(left center , rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.08) 1px, rgba(0, 0, 0, 0.08) 1px, transparent 30px, transparent 100%) !important;

和以下背景尺寸：

background-size: 1000px 100px !important;

背景-size的寬度得到確認，但高度沒有，並且高度保持不變，無論我輸入什麼值。它可以是999999px，可以是50％，可以是0px，所有這些會導致高度仍然是100％。請幫忙。

來源

2013-08-30 Cyber Toon

給在線鏈接或小提琴。這將有助於我們理解真正的問題。 –

你可以請參考此線程http://stackoverflow.com/questions/13523559/linear-gradient-background-size-is-not-working-in-firefox –

試試這個CSS，這已經在Firefox進行了測試和高度按預期工作...

#yourid 
{ 
width:200px; 
    height:300px; 
    background-image: -moz-linear-gradient(left center , rgba(0, 0, 0, 0.12), rgba(0, 0,  0, 0.08) 1px, rgba(0, 0, 0, 0.08) 1px, transparent 30px, transparent 100%) !important; 
    -moz-background-size:200px 100px; 
    background-size:200px 100px; 
    background-repeat:no-repeat; 
    }

來源

2013-08-30 06:17:14

背景大小將不會在Firefox

回答

相關問題