Css 如何在背景图像下方添加文本？_Css_Html_Bootstrap 4

Css 如何在背景图像下方添加文本？

css html bootstrap-4

Css 如何在背景图像下方添加文本？,css,html,bootstrap-4,Css,Html,Bootstrap 4,我想设置背景图像，它将以完全视口模式显示。我通过body tag实现了这一点 body { background-image: url(/picture.jpg); } 我还想在背景图像下添加文本，这将出现在同一网页的另一部分。但因为我使用了背景图像和body标签，所以我无法在图像之后再写更多的文本。我怎样才能做到呢？请帮忙。谢谢稍微修改一下HTML结构是个好主意 <body> <div class="content-wrapper">

我想设置背景图像，它将以完全视口模式显示。我通过body tag实现了这一点

body { background-image: url(/picture.jpg); }

我还想在背景图像下添加文本，这将出现在同一网页的另一部分。但因为我使用了背景图像和body标签，所以我无法在图像之后再写更多的文本。我怎样才能做到呢？请帮忙。

谢谢

稍微修改一下HTML结构是个好主意

<body>
    <div class="content-wrapper">
        <!-- All your HTML goes here -->
    </div>
    <div class="text-wrapper">
        <!-- Your required text comes here -->
    </div>
</body>

希望这能有所帮助。

制作一个div并放入其中？我是这个领域的新手。你能指导我如何在div中放置背景图像吗？@AkanshaGautam，如果你添加一个小屏幕截图，这将有助于理解你的问题。它将设置背景图像并向其中添加文本。但我想添加文本，而不是图像中的文本，即图像之外的文本。通过body标记设置背景图像不允许这样做。进行了一些更改，或者只添加图像本身而不是div.content-wrapper

<body>
    <div class="content-wrapper">
        <!-- All your HTML goes here -->
    </div>
    <div class="text-wrapper">
        <!-- Your required text comes here -->
    </div>
</body>

body .content-wrapper { background-image: url(/picture.jpg); }