我有一个带文字的元素.每当我降低不透明度时,我就会减少整个体的不透明度.有什么方法可以让我background-image更黑暗,而不是其他一切？
background-image:url('http://fc02.deviantart.net/fs71/i/2011/274/6/f/ocean__sky__stars__and_you_by_muddymelly-d4bg1ub.png');
我把头发拉过来.我已经尝试了所有我发现的东西,此时我猜我一定是犯了某种错误.我试图使背景图像变暗,使其不那么饱和.
这是我的HTML:
<body id="home">
<header>
<nav>
<ul class="pull-left">
<li><a href="#">Bearbeard Logo</a></li>
<li><a href="#">World</a></li>
</ul>
<ul class="pull-right">
<li><a href="#">Eretikas</a></li>
<li><a href="#">Custom</a></li>
</ul>
<div id="slogan">THE HERETIC SWORD</div>
</nav>
</header>
</body>
我的CSS:
#home {
background-image: url(file:///Volumes/Animus/Jon/Dropbox/website/hellcity.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
nav li {
display: inline;
position: relative;
float: left;
}
nav a {
color: #5a5a5a;
font-size: 11px;
font-weight: bold;
padding: 14px 10px;
text-transform: uppercase;
}
#slogan {
color: #FFFAF0;
font-family: 'Raleway', sans-serif;
font-weight: bold;
font-size: 18px;
opacity: 0.5; …