2015-11-23 38 views
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語句時,所有內容都顯示,但由於圖像強度,我看不到我的文字。

不知道什麼是錯的,因爲在我看來,我重現了這裏找到的例子。

+0

剛剛看到,當我設置的寬度和高度,以我的容器中的代碼工作,我不想要的。 –

回答

相關問題