Question

我有一个自举轮播，它在每个轮播项目中内联添加图像，并且此背景图像需要为.4不透明度。但是此轮播项目的标题必须为1不透明度。我有什么办法可以做到这一点？

    <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
        <div class="carousel-inner" role="listbox">

            <!-- Slide One - Set the background image for this slide in the line below -->
            <div class="carousel-item active" style="background-image: url('img/banner.jpg')">
                <div class="carousel-caption d-none d-md-block">
                    <h2 class="display-4">First Slide</h2>
                    <p class="lead">This is a description for the first slide.</p>
                </div>
            </div>

        </div>
    </div>

Answer 1

不透明度的默认初始值为1。不透明度不被继承，而是因为父级具有适用于其中所有内容的不透明度。没有一些技巧，您不能使子元素不比父元素透明。

子元素不会保留为子元素，只需更改其在html代码中的位置，然后在前一个子元素上添加css属性即可：

git fetch --prune

我希望这会有用

如何在透明div中制作非透明元素

1 个答案: