Question

所以我已经尝试了超过2个小时的不同方法，我真的找不到任何东西。

这是我的HTML

PDOException

所以我试图让整个部分具有一般的黑色或灰色背景，所以它看起来更好，但我最近一直在尝试它并没有很好地解决

我尝试了各种各样的css方法

$e->getMessage();

{ box-shadow：inset 0 0 0 1000px rgba（0,0,0，.2）;

}

和

    <section class="" style="background-image: url(assets/img/bg3test.png) ; background-position: center center; background-size: cover; background-repeat: ;">
        <div class="container">
            <div class="row text-center" data-scrollreveal="enter bottom over 2.0s">
                <div class="col-lg-12">
                    <h2 style="color:white">Some thoughts</h2>
                    <hr class="light">
                </div>
                <div class="col-lg-12">
                    <ul id="clients-carousel" class="text-center">
                        <li class="item">
                            <img class="img-responsive" src="assets/img/u1.png" alt="">
                            <p style="color:white; font-weight:bold "> "</p>            
                        </li>
                        <li class="item">
                            <img class="img-responsive" src="assets/img/u2.jpg" alt="">
                            <p style="color:white; font-weight:bold "> "</p>    
                        </li>
                        <li class="item">
                            <img class="img-responsive" src="assets/img/u3.jpg" alt="">
                            <p style="color:white; font-weight:bold "> "</p>
                        </li>
                        <li class="item">
                            <img class="img-responsive" src="assets/img/u4.jpg" alt="">
                                <p style="color:white; font-weight:bold "> "</p>
                        </li>
                      <li class="item">
                            <img class="img-responsive" src="assets/img/u5.jpg" alt="">
                                <p style="color:white; font-weight:bold "> "</p>
                        </li>

                    </ul>
                </div>
            </div>
        </div>
    </section>

Answer 1

我使用这个css：

section {
  background-color: rgba(0,0,0,0.8)
}

它应该有效，除非section标签折叠到零高度。

Answer 2

将.testi类添加到主要部分。

的CSS：

.testi{ 
  box-shadow: inset 0 0 0 1000px rgba(0,0,0,.2);
  background-color: rgba(0, 0, 0, 0.8);
}

如何在整个部分添加灰色透明背景？

2 个答案: