Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 是否可以将低不透明度渐变和背景色结合起来_Css_Gradient - Fatal编程技术网

Css 是否可以将低不透明度渐变和背景色结合起来

Css 是否可以将低不透明度渐变和背景色结合起来,css,gradient,Css,Gradient,以下是我想做的: 尽管有一个答案和更老的问题关于这一点,也许它是更好地添加一些更彻底的解释 背景色是背景中的属性之一 当你设定 背景:线性梯度(…) 即使看起来你没有改变背景色,你也在这么做 背景扩展到它的所有属性,然后重置它们(也是因为它的定义晚于背景色)即使有关于这个问题的答案和更老的问题,也许最好添加一些更彻底的解释 背景色是背景中的属性之一 当你设定 背景:线性梯度(…) 即使看起来你没有改变背景色,你也在这么做 背景扩展到其所有属性,然后重置它们(也是因为它的定义晚于背景色)可能重复的

以下是我想做的:


尽管有一个答案和更老的问题关于这一点,也许它是更好地添加一些更彻底的解释

背景色背景中的属性之一

当你设定

背景:线性梯度(…)

即使看起来你没有改变背景色,你也在这么做


背景扩展到它的所有属性,然后重置它们(也是因为它的定义晚于背景色)

即使有关于这个问题的答案和更老的问题,也许最好添加一些更彻底的解释

背景色背景中的属性之一

当你设定

背景:线性梯度(…)

即使看起来你没有改变背景色,你也在这么做


背景扩展到其所有属性,然后重置它们(也是因为它的定义晚于背景色)

可能重复的只是将渐变声明从背景更改为背景-image@vals好极了!真管用!请随意将其添加为答案。@VAL您应该将其作为答案发布,因为它不是真正的副本。可能的副本只需将渐变声明从背景更改为背景即可-image@vals好极了!真管用!请随意将其添加为答案。@VAL您应该将其作为答案发布,因为它不是真正的副本。
table {
  height: 200px;
    width: 200px;
  background-color: #444557; /* this doesn't show below the gradient */

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,ffffff+100&0.1+0,0.1+100 */
  background: -moz-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(255,255,255,0.1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.1)), color-stop(100%,rgba(255,255,255,0.1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(255,255,255,0.1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(255,255,255,0.1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(255,255,255,0.1) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%,rgba(255,255,255,0.1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#1affffff',GradientType=0 ); /* IE6-9 */
}