Css 在页面两侧设置固定背景图像
我正在尝试创建我的页面，以便有背景图像覆盖在页面的侧面，而在中间没有任何内容，因为这就是内容所在的位置。我希望这些图像保持在固定的位置，即使用户调整窗口大小使其脱离屏幕。我至少知道如何设置图像，但不知道如何保持它们的位置Css 在页面两侧设置固定背景图像,css,background-image,css-position,Css,Background Image,Css Position,我正在尝试创建我的页面，以便有背景图像覆盖在页面的侧面，而在中间没有任何内容，因为这就是内容所在的位置。我希望这些图像保持在固定的位置，即使用户调整窗口大小使其脱离屏幕。我至少知道如何设置图像，但不知道如何保持它们的位置 我想我能想到的一个例子是如何设置的。通常这样做的方法是将背景图像应用到HTML正文，然后将页面的所有内容放入以页面为中心的容器中 HTML: JSFiddle:我应该在前面提到这一点，但这本打算（最终）在Joomla页面上使用。当时我正试图在一个独立的HTML页面上实现这一点。
我想我能想到的一个例子是如何设置的。通常这样做的方法是将背景图像应用到HTML正文，然后将页面的所有内容放入以页面为中心的容器中 HTML:
JSFiddle:我应该在前面提到这一点，但这本打算（最终）在Joomla页面上使用。当时我正试图在一个独立的HTML页面上实现这一点。为了减少文件大小和加载时间，我试图避免使用一个巨大的图像。
<body>
<div class="container">
My content
</div>
</body>
html, body {
padding: 0;
margin: 0;
}
body {
background: red; /* change this to your background image */
}
.container {
background: white;
width: 400px; /* adjust this to the proper width */
margin: 0 auto;
}