html5 图片变暗,HTML – 如何使CSS背景图像变暗？

我把头发拉过来.我已经尝试了所有我发现的东西,此时我猜我一定是犯了某种错误.我试图使背景图像变暗,使其不那么饱和.

这是我的HTML：

Bearbeard logo
World

Eretikas
Custom

THE HERETIC SWORD

而我的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;

text-align: center;

font-weight: bold;

}

这给了我一个完全覆盖页面的背景.但是我想让它变暗(没有悬停或点击).我尝试过的所有东西都没有任何变暗(我尝试过假的渐变,反叛等等),并以某种方式妨碍了< div id =“slogan”>和< nav>,将它们全部推到一起.

我的格式是完全错误的吗？

html5 图片变暗,HTML – 如何使CSS背景图像变暗？相关推荐

html自动图片尺寸,关于html：CSS背景图像适合宽度，高度应按比例自动缩放
我有 body { background: url(images/background.svg); } 期望的效果是该背景图像的宽度等于页面的宽度,高度变化以保持比例. 例如如果原始图像恰好是100 ...
CSS背景图像的简单响应
本文设有很多,最理想的解决方案,响应图像只是其中之一.我们建议您查看不同的方法,然后再选择一个特定的响应图像解决方案,包括这两个:如何避免重复下载响应图像中选择响应图像解决方案. 大家都在谈论的的sr ...
css背景图像属性_如何将CSS3转换应用于背景图像
css背景图像属性 CSS transformations are great, but they don't (yet?) apply to background images. This arti ...
php背景图片随页面大小改变,css背景图根据屏幕大小自动缩放
css背景图根据屏幕大小自动缩放代码: html,body{margin:0px;padding:0px;} #background { position: fixed;top: 0;left: 0 ...
html背景图片手机端全屏,css 背景图全屏显示，兼容移动端
.login { background: url(img/login.jpg) no-repeat center center; background-size: cover; background- ...
CSS 背景图像 background-image属性
除了背景颜色,也可以使用背景图像来实现各种复杂.有趣的背景效果.CSS中,使用 background-image属性来定义背景图像的路径,取值为 none | url,默认值为 none. url 可 ...
html加载超大像素图片,html – 首先加载低分辨率背景图像,然后加载高分辨率图像...
这是我使用的方法 CSS: #div_whatever { position: whatever; background-repeat: no-repeat; background-position: ...
html背景图片div设置宽自动,CSS背景图片固定宽高比自适应调整的实现方法
标签可以使图片在保持宽高比不变的情况下自动调整.我们讨论的是div的背景图片实现固定宽高比自适应调整的方法.这里的图片不是< img>标签一样通过src引入,而是通过css的backgro ...
html背景图片不重叠铺满,css背景图片怎么铺满
该方法适用于所有品牌的电脑. CSS设置拉伸背景图片铺满屏幕新建一个html文件,命名为test.html,用于讲解CSS中如何设置拉伸背景图片铺满屏幕. 在test.html文件内,使用div标签 ...

html5 图片变暗,HTML – 如何使CSS背景图像变暗？

html5 图片变暗,HTML – 如何使CSS背景图像变暗？相关推荐

最新文章

热门文章