html - background-size は、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;

background-size の幅は認識されますが、高さは認識されず、入力した値に関係なく、高さは同じままです。999999px、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;
  }