html - 背景大小不会改变 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;

背景尺寸的宽度得到确认，但高度没有，而且高度保持不变，无论我输入什么值。它可能是 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;
  }