使用CSS更改背景不透明度

Question

如何改变div背景的不透明度，不会改变文本的内容或其中的任何内容？

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>

    <div class="bg">
        <h1>welcome</h1>
        <p>Hello world. Welcome to my site</p>
    </div>

</body>
</html>



<style>
    .bg{
        background-color: black;
        color: #ffffff;
    }
</style>

Answer 1

您是否尝试使用RGBa表示法，其中'a'代表alpha（不透明度或透明度）？

<style>
  .bg {
     background-color: rgba(0, 0, 0, 0.5);
     color: #ffffff;
   }
   </style>

Answer 2

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>

    <div class="bg">
        <h1>welcome</h1>
        <p>Hello world. Welcome to my site</p>
    </div>

</body>
</html>



<style>
    .bg{
        background: rgba(0, 0, 0, 0.6);
        color: #ffffff;
    }
</style>

Answer 3

此代码仅更改背景不透明度

.bg{
        background: rgba(0, 0, 0, 0.6);
        color: #ffffff;
 }

Answer 4

使用rgba仅更改背景不透明度

.bg{
        background: rgba(0, 0, 0, 0.6);
        color: #ffffff;
 }

Answer 5

这实际上很容易在CSS中使用rgba() ，但这是很多人不知道的事情。

大多数人都知道使用rgb(255,255,255)而不是#FFFFFF来设置颜色

您可以设置背景不透明度（与透明度相反，其中1为实线，0为完全透明）。

.bg {
    background-color: rgba(0,0,0,0.5) //This sets background to black, with half transparency
    color: #FFFFFF;
}

Answer 6

<style>
  .backgorund_opacity {
     background-color: rgba(0, 0, 0, 0.5);  /* 0.5 use for opacity ( 0.0-0.9 )*/ 
   }
   </style>

你也像使用一样

.background {
    opacity: 0.5;
}

使用CSS更改背景不透明度

问题描述

6 个解决方案

解决方案1
5 2014-08-16 08:29:02

解决方案2
3 2014-08-16 08:29:50

解决方案3
3 已采纳 2014-08-16 09:09:49

解决方案4
2 2014-08-16 09:15:24

解决方案5
0 2014-08-16 08:30:56

解决方案6
0 2014-08-16 08:44:25

使用CSS更改背景不透明度

问题描述

6 个解决方案

解决方案1 5 2014-08-16 08:29:02

解决方案2 3 2014-08-16 08:29:50

解决方案3 3 已采纳 2014-08-16 09:09:49

解决方案4 2 2014-08-16 09:15:24

解决方案5 0 2014-08-16 08:30:56

解决方案6 0 2014-08-16 08:44:25

解决方案1
5 2014-08-16 08:29:02

解决方案2
3 2014-08-16 08:29:50

解决方案3
3 已采纳 2014-08-16 09:09:49

解决方案4
2 2014-08-16 09:15:24

解决方案5
0 2014-08-16 08:30:56

解决方案6
0 2014-08-16 08:44:25