背景大小不会改变Firefox中(左侧)线性渐变的高度

时间:2013-08-30 05:42:53

标签: html css3 linear-gradients css

当我输入以下背景图片时:

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%。请帮忙。

1 个答案:

答案 0 :(得分:0)

试试这个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;
  }