Question

我有一个大的div，我的背景图片。通常，它将以侧面离开屏幕为中心。因为它是后台，我不希望滚动条显示在浏览器上 - 这里有解决方案吗？

由于

编辑：让我根据答案澄清：

我有一个超出浏览器边界的大图像，但我需要分配到div背景或img而不是身体背景，因为我正在操纵它jququery等。

我知道它是not possible for a div's background image to extend beyond its borders。
我也不能使用带溢出的img或嵌套div：隐藏因为这会隐藏溢出，当我想要的是它不会触发滚动时，即被布局引擎物理忽略但仍然可视化显示，就像一个满溢的身体背景一样。

Answer 1

我遇到了和你一样的情况。

经过一些实验后，我发现它是由CSS属性'position'的错误值引起的。

当我将div的位置设置从“固定”更改为“绝对”时，事情就像你想要的那样。

Answer 2

这对我有用;我记得它在Opera中不起作用，但那是很久以前的事了。

html, body { overflow-x: hidden; }

Answer 3

根据我提出的这个例子的附加信息。图像是填充整个可见区域的div的背景，几乎就像是身体的背景图像（在firefox中测试）。您甚至可以通过修改background-position属性来滚动图像。

<html>
<head>
<style>
#test {
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background-image: url('http://farm5.static.flickr.com/4121/4805074237_6cf5880f75_o.jpg');
    background-position: 50% 50%;
    overflow: none;
    z-index: -1;
}
</style>
</head>
<body>
<div id="test">
</div>

Here's some other stuff in the body of the page.

<div>
and some stuff in a div in the body of the page.
</div>

</body>
</html>

一个大的div可以不触发浏览器滚动条吗？

3 个答案: