html – 段落中的不透明度更改会更改文本不透明度和背景不透明度

html – 段落中的不透明度更改会更改文本不透明度和背景不透明度,第1张

概述每当我尝试更改段落的不透明度时,它会更改文本和背景的不透明度,我想要更改的是文本的背景,我该如何解决这个问题? HTML <div id="opener"> <p id="introText"> Adam Ginther is a<class id="blueText"> front-end developer</class> with an interest in responsive & 每当我尝试更改段落的不透明度时,它会更改文本和背景的不透明度,我想要更改的是文本的背景,我该如何解决这个问题?

HTML

<div ID="opener"> <p ID="introText">  Adam Ginther is a<class ID="blueText"> front-end developer</class> with an interest in responsive & mobile design </p></div>

CSS

#opener {        background-image: url('images/background.jpg');        background-color: #373737;        height: 800px;        wIDth: 100%;        position: fixed;        }#introText {        wIDth: 400px;        color: white;        background-color: black;        text-align: center;        display: table-cell;        position: absolute;        top: 50%;        left: 50%;        padding: 50px 80px 50px 80px;        Font-family: 'Fenix',serif;        Font-size: 1em;           }#blueText {        color:#00aeff;          }
解决方法 更改#introtext背景颜色的Alpha值:

background-color: rgba(0,0.1);
总结

以上是内存溢出为你收集整理的html – 段落中的不透明度更改会更改文本不透明度和背景不透明度全部内容,希望文章能够帮你解决html – 段落中的不透明度更改会更改文本不透明度和背景不透明度所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1060361.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-25
下一篇 2022-05-25

发表评论

登录后才能评论

评论列表(0条)

保存