不透明度的问题

时间:2016-07-11 23:41:00

标签: html css html5 css3

我遇到了不透明的问题 我有一个标题,有一个背景图像,我试图在该背景上做一个不透明但不是白色我尝试在黑色的一个 这是代码

/*Start Header*/
.header {
	background-image: url(http://i.imgur.com/FzOVLvC.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-0-background-size: cover;
	background-size: cover;
	opacity: 0.5;
	background-color: #000;
	height: 708px;

}
/*End Header*/
<!-- Start Slider -->
	<div class="header">
		<div class="slider">
			<div class="contaner">
				Slider
			</div>
		</div>
	</div>
<!-- End Slider -->

2 个答案:

答案 0 :(得分:0)

您的背景颜色是rgb而不是rgba。如果您认真对待不透明度,请尝试使用rgba()或hsla()函数创建颜色

http://www.w3schools.com/cssref/css_colors_legal.asp

答案 1 :(得分:0)

您可以使用Kunde k = new Kunde(1, "test"); rgba功能解决问题。尝试操纵这些线条,看看它们是如何工作的。 ;)

hsla