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

每当我尝试更改段落的不透明度时,它会更改文本和背景的不透明度,我想要更改的是文本的背景,我该如何解决这个问题?

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, 0, 0.1);

转载注明原文:html – 段落中的不透明度更改会更改文本不透明度和背景不透明度 - 代码日志