Question

我一直在搞乱这段代码，试图学习CSS。我已经尝试了很多而没有取得多大进展......最终我想拥有2个容器，每个容器都有自己的背景图像，然后我希望能够在这些单独的容器（youtube视频，文本等）中上传内容。

第一个容器是我想要的位置，带有我想要的图像，但是图像不是用作背景图像，因为我无法向其中添加任何内容。第二个容器就在右边。

这是我试图制作的容器的代码。

网站网址：http://fidditreviews.com/?page_id=6

#container .image-container {
    width:350px;
    padding:0px;
    border:5px solid gray;
    margin-top:0px;
    margin-bottom:0px;
    margin-right:0px;
    margin-left:-40px;
}

谢谢！

Answer 1

如果在div中添加带标记的图像，则图像将位于内容之上。

如果你想让图像在背景上，你必须把它放在你的css上：

background-image: url(../images/example.png);

然后，您将内容添加到容器中，并将位于图像顶部

至于第二个容器，我在你的页面中找不到第二个容器。

document.getElementsByClassName("image-container");
[
    <div class="image-container">…</div>
]

如果您希望将它们并排放置，可能需要将其添加到此下方。

然后您可以查看此question并将它们并排放置。

2个容器，背景图像和内容

1 个答案: