如何使用HTML和CSS设置唯一的透明背景图像？

概述嗨,我想设置我的背景图像透明,其余内部不！我可以这样做吗？我使用Bootstrap …… 这是我的HTML的分裂 <!-- Startseite Section --> <section id="startseite" class="start-section"> <div class="container"> <h1><span style="op 嗨,我想设置我的背景图像透明,其余内部不！我可以这样做吗？我使用bootstrap ……

这是我的HTML的分裂

<!-- Startseite Section -->    <section ID="startseite" >        <div >            <h1><span >Interne links</span></h1>            <div >                <div >                    <section ID="Startseite" >                            <div >                             ....//Here are Elements how text and divs                             </div>                    </section>                </div>            </div>        </div>    </section>

这是CSS Split：

.start-section {    height: 100%;    padding-top: 150px;    text-align: center;    /*background: #fff;*/    background-image:url('../img/bg.jpg');    -webkit-background-size: cover;    -moz-background-size: cover;    -o-background-size: cover;    background-size: cover;    opacity: 0.7;}

有关信息：不透明度0.7工作,但后来我透明:(

解决方法 没有CSS属性background-opacity,但你可以通过插入一个具有常规不透明度的伪元素来伪造它,后面是元素的确切大小.

你可以加

.start-section::after {content: "";background: url(image.jpg);opacity: 0.5;top: 0;left: 0;bottom: 0;right: 0;position: absolute;z-index: -1;   }

总结

以上是内存溢出为你收集整理的如何使用HTML和CSS设置唯一的透明背景图像？全部内容，希望文章能够帮你解决如何使用HTML和CSS设置唯一的透明背景图像？所遇到的程序开发问题。

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