HTMl,CSS背景图片不透明度不起作用

时间:2017-03-09 21:51:42

标签: html css background opacity

这是不透明度不起作用的代码。

<html>
<style>
body {
   z-index: -1;
   opacity: 20%;
}
</style>
<body>
<body class="my-container" style="background-image: url('https://i.ytimg.com/vi/3KNQfA21QyQ/maxresdefault.jpg');">

</body>
</html>

2 个答案:

答案 0 :(得分:2)

在范围内设置不透明度:0到1,例如。 0; 0.1; 0.2 .... 0.9; 1。

答案 1 :(得分:0)

不透明度不适用于body元素。

添加一个<div>孩子并使用你在div中使用的任何内容。即时修复。