Html 初学者css=>；仅将属性应用于一个元素_Html_Css_Web_Responsive Design_Frontend

Html 初学者css=>；仅将属性应用于一个元素

html css web responsive-design

Html 初学者css=>；仅将属性应用于一个元素,html,css,web,responsive-design,frontend,Html,Css,Web,Responsive Design,Frontend,所以我有这个代码： <html> <head> <style> html { background: url(bg_image.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } </style&g

所以我有这个代码：

<html>

<head>

<style>

html { 
background: url(bg_image.jpg) no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

</style>

</head>

<body>

<img src="logo.png">

</body>

</html>


html{
背景：url（bg_image.jpg）无重复中心固定；
-webkit背景尺寸：封面；
-moz背景尺寸：封面；
-o-背景尺寸：封面；
背景尺寸：封面；
}

如何在不影响logo.png的情况下为背景图像添加亮度

EDIT：我尝试在css中添加一行“filter:brightness（0.5）；”，但是徽标和其他所有内容都会受到影响，因为此属性适用于整个HTML代码。如何克服这个问题？

谢谢

您可以将背景放在它自己独特的元素中，并使用负的

z索引

将其放在其他内容后面

正文{
最小高度：300vh；
}
.bg{
背景：url（'http://3.bp.blogspot.com/_EqZzf-l7OCg/TNmdtcyGBZI/AAAAAAAAAD8/KD5Y23c24go/s1600/homer-simpson-1280x1024.jpg'）无重复的中心/盖；
滤光片：亮度（0.5）；
位置：固定；
z指数：-1；
顶部：0；左侧：0；右侧：0；底部：0；
}

您可以使用附加库来简化工作；类似于库的材质Ui提供了一种称为纸张的东西，它充当包装器，因此您可以轻松地更改其属性

如上所述，改变z指数：-1是一个好的起点。

你说的“增加亮度”是什么意思？你试过什么？@MichaelCoker问题编辑。你试过将过滤器添加到什么？哪种元素请添加一个，以便更快地排除故障可能重复的