0
我无法实现其他帖子中描述的解决方案,可能是由于我使用的是bootstrap3。如何在不影响子元素的情况下淡化背景图片
这里是我的代码:
#ouverture .container {
\t position: relative;
\t opacity: 0.99;
}
#ouverture .container:before {
\t content: "";
opacity: .1;
width: 100%;
height: 100%;
position: absolute;
z-index: -1;
\t background-image: url(images/index-carrousel/puzzle.jpg);
\t background-size: 100px;
\t background-repeat: repeat;
}
\t <section id="ouverture" class="spacer">
\t \t <div class="container">
\t \t \t <p>Nous avons l'intention de développer une politique d'ouverture
\t \t \t \t et de dialogue à l'intérieur de notre parti mais aussi avec les
\t \t \t \t autres sensibilités qui s'exprimment à Blonay.</p>
\t \t \t <p>Cela commence en vous offrant la parole, rejoignez-nous pour
\t \t \t \t mettre votre pierre à l'édifice !</p>
\t \t \t <p>Venez écrire la suite avec nous ...</p>
\t \t </div>
\t </section>
背景图像不显示,只显示文本。当我只设置backgroup-image语句时,所有内容都显示,但由于图像强度,我看不到我的文字。
不知道什么是错的,因为在我看来,我重现了这里找到的例子。
刚刚看到,当我设置的宽度和高度,以我的容器中的代码工作,我不想要的。 –