Css 2个带有背景图像和内容的容器

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

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

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

网站网址：

#容器。图像容器{
宽度：350px；
填充：0px；
边框：5px纯灰；
边际上限：0px；
边缘底部：0px；
右边距：0px；
左边距：-40px；
}

---

谢谢

如果在div中添加带有标记的图像，该图像将位于内容的顶部

如果希望图像位于背景上，则必须将其置于css上：

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

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

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

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

document.getElementsByClassName（“图像容器”）；
[
​…​​
]

如果你想让它们并排排列，你可以把它加在这个下面

---

然后您可以选中此选项，将它们并排放置。

我尝试将背景图像添加到#container id和.image container类中，但没有成功。我的形象是一个jpg，这有关系吗？作为一个jpg不应该有问题。你是舒尔吗？你给它的路径是正确的吗？是的，当我刚刚将它作为图片上传到我的内容区时，img路径工作得很好。但是现在你使用的是css。你的css文件和html文件在同一个目录下吗？是的？我用的是Wordpress，所以我假设它把它们放在同一个目录上？对不起，我对这一切都很陌生。