Фон размера не изменит высоту (на левой стороне) линейный градиент в Firefox

Question

Когда я положил следующую фоновое изображение:

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; 

фона ширина ширины становится признанной, но высота не соответствует, а высота остается неизменной, независимо от того, какое значение я ставлю. Это может быть 999999 пикселей, это может быть 50%, это может быть 0px, все это приведет к высота по-прежнему составляет 100%. Пожалуйста помоги.

Answer 1

Попробуйте 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; 
    }