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語句時,所有內容都顯示,但由於圖像強度,我看不到我的文字。
不知道什麼是錯的,因爲在我看來,我重現了這裏找到的例子。
剛剛看到,當我設置的寬度和高度,以我的容器中的代碼工作,我不想要的。 –