Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/82.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
Html 将背景图像设置为具有部分透明度的图像_Html_Css_Image - Fatal编程技术网
Fatal编程技术网
  • html/
  • Html 将背景图像设置为具有部分透明度的图像

Html 将背景图像设置为具有部分透明度的图像

html css image

Html 将背景图像设置为具有部分透明度的图像,html,css,image,Html,Css,Image,我试图将一个背景部分透明的div（意味着图像区域是空白的，而不是X%的不透明度）放在另一个div上 #about { background-image:url('http://i.imgur.com/B922OoM.png'); background-position: center; background-repeat: none; background-size: cover; background-color: transparent; z-index: 2;

我试图将一个背景部分透明的div（意味着图像区域是空白的，而不是X%的不透明度）放在另一个div上

#about {
  background-image:url('http://i.imgur.com/B922OoM.png');
  background-position: center;
  background-repeat: none;
  background-size: cover;
  background-color: transparent;
  z-index: 2;
  height: 450px;
  width: 100%;      
}
我无法让div在图像后面不填充白色

JSFIDLE:--相关的div是
#about

（我很确定图像导出正确——如果您将
背景色：透明
更改为
背景色：蓝色
，您就会明白我的意思。）

您的图像很好。 事实上，你的
#标题实际上没有向下延伸那么远。如果你改变
主体的背景颜色
你会看到它不是你的
#about
div，而是它后面显示的
主体是白色的



为了缓解这个问题，如果你真的覆盖了
div
s，你就会得到我认为你想要达到的效果


正如haxxxton所说，您添加的图像是以这样一种方式拍摄的：顶部是透明的，因此它显示了您身体的背景……如果您添加背景颜色，则@haxxton answer会有一些小的更新：rgba（0，0，0，0.6）；在#about（可以自由更改rbba颜色值）上，我想它会更接近Jason想要的颜色。很好的回答@cjmling我忘记了问题的“部分透明”部分