2015-11-23 40 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

刚刚看到,当我设置的宽度和高度,以我的容器中的代码工作,我不想要的。 –

回答

相关问题