0

我一直在搞乱这段代码，试图学习 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;
}

谢谢！

4

1 回答 1

0

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

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

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

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

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

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

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

然后您可以检查此问题以将它们并排放置。

于 2013-07-24T20:52:24.990 回答