html - opacity 在 div 中也有 opacity 内容?

标签 html css

<分区>

HTML::

<div id="Opacity"><span class="P">Here Is My P</span>

CSS:

#opacity {
width:400px;
height:400px;
border:black 1px solid;
opacity:0.3;
background-color:black;
}

.P {
font-family:cursive;
font-size:24px;
color:white;
}

但是输出单词也是透明的。我希望单词透明但是 div 变得透明谢谢

最佳答案

opacity 改变整个元素的半透明度。

如果您想要半透明的背景,请将背景设置为rgba() 颜色值或使用半透明的背景图像。

background-color: rgba(0, 0, 0, 0.3);

参见 some guidance on compatibility measures .

关于html - opacity 在 div 中也有 opacity 内容?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19856257/

上一篇:jquery - 动态添加删除类

下一篇:javascript - 如何使用 jquery 启用/禁用 div 层

相关文章:

jquery - 单击时用动画交换文本

javascript - 检测图像是否被代理阻止

html - 在angularjs中使用ng-hide时如何解决总和问题?

html - 没有使用表单标签时angularjs如何检测$dirty?

css - 在 CSS 文件中使用 @import 会减少 HTTP 请求吗?

html - 我有一张背景图片,我必须在该图片上放置 3 x 3 图片,但图片重叠

javascript - 以编程方式格式化谷歌图表

javascript - 尝试让粘性栏悬停在滚动页脚上方

css - 使用 :not to exclude selectors

jquery - 无法使用 jQuery 删除 css 属性