改变背景图像的不透明度

时间:2017-02-24 15:15:52

标签: html css

我正在一个由3个html页面组成的国家进行项目,我决定将国家标志的图像作为每页的背景图像。

我想更改背景图片的不透明度,但每次尝试这样做都会改变页面所有其他内容的不透明度 - 文本,标题等等。

我在html中有这行代码:

<body background="flag.jpg">

然后在我的CSS中我尝试了各种各样的东西。我试过给那个标签一个'id'像flag,然后尝试:

#flag {
        opacity: 0.2;
}

我也试过使用'背景'而不是'id'。

我一直试图弄清楚它有一段时间无法得到它,任何建议都将受到赞赏! 感谢。

2 个答案:

答案 0 :(得分:2)

使用String text = "a long text regex to match"; Matcher m = Pattern.compile("regex").matcher(text); while (m.find()){ String found = m.group(); System.out.println(found + " " + m.start() + " " + m.end()); } 添加另一个元素作为“背景”,例如

#flag

和带有标志的样式

<body>
    <div id="flag"></div>
</body>

答案 1 :(得分:0)

你不能像这样使用不透明度。

一个解决方案是使用像这样的背景渐变:

background: linear-gradient(rgba(93, 41, 28, 0.8), rgba(93, 41, 28, 0.8)), url(https://images.pexels.com/photos/31044/pexels-photo-31044.jpg) fixed;