css - Body background image not respecting size of body

Question

So I put a hard width on the body, I don't understand why the background image wouldn't respect that size.

Even when I put a overflow:hidden on the body, it wont cut it off.

This is part of a mobile site creator, so I wanted the dimensions of the body to be smaller to simulate a smaller screen.

I didnt want to go with an iframe.

Any ideas?

score 0 · Accepted Answer

如果它是背景图像，它将尊重 div 的大小。确保它没有被重复 background-repeat:no-repeat; . 我仍然不确定您要问什么，除非您希望背景图像适合页面中间的较小框。那是你想要做的吗？

score 0 · Accepted Answer

如果没有背景，则背景body延伸到整个视口。html

所以首先将背景设置html为白色或任何你想要的。

score 0 · Accepted Answer

我认为不可能设置确切的身体宽度。也许有一些浏览器会允许这样做，但不是全部。

而是在 body 内添加一个父 div，您可以定义它的确切宽度。然后背景图像只会

<style type="text/css">
#container {width:300px; background:url("") repeat;}
</style>

<body>
<div id="container">
     //blah blah
</div>
</body>

3 回答 3