Question

我有这个代码将页面拆分为6.如何使每个段透明而不是实际内容这是我以前的，但我不知道该怎么做我尝试为内容创建一个div并将透明度更改为1，但这不起作用，所以我应该怎么做。

图像是随机的

这是CSS

Swift 3

html, body { 
height: 100%; 
padding: 0; 
margin: 0; 
}
#div1, #div2, #div3, #div4, #div5, #div6 { 
	width: 50%;
	height: 50%; 
	float: left; 
}
#div1 { 
  height: 50%;
  width: 50%;
  opacity: 0.5;
  color: black;
  background-image: url("http://htmlcolorcodes.com/assets/images/html-color-codes-color-tutorials-hero-00e10b1f.jpg");
}

#div2 { 
  height: 50%;
  width: 50%;
  opacity: 0.5;
  color: black;
	background-image: url("http://www.intrawallpaper.com/static/images/abstract-mosaic-background.png");
}

#div3 { 
	background-image: url("http://www.planwallpaper.com/static/images/recycled_texture_background_by_sandeep_m-d6aeau9_PZ9chud.jpg");
}

#div4 { 
	background: #444; 
}

#div5 { 
	background: #555; 
}

#div6 { 
	background: #666; 
}

Answer 1

那么，您想要更改透明度，而不是文本的透明度？

您可以增加不透明度（范围从0.0到1.0，数字越小，图像越透明）。

如果您不想对子元素应用不透明度（在本例中为段落内容，也可以使用RGBA颜色值。

来自w3schools.com：http://www.w3schools.com/css/css_image_transparency.asp

RGBA颜色值指定为：rgba（红色，绿色，蓝色，alpha）。 alpha参数是介于0.0（完全透明）和1.0（完全不透明）之间的数字。

示例代码：

div {
background: rgba(76, 175, 80, 0.3) /* Green background with 30% opacity */

}

希望这有帮助！

如何使背景对每个区域透明，而不是HTML中的内容

1 个答案: