代码之家 › 专栏 › 技术社区 › Yarin

大的DIV不能触发浏览器滚动条吗?

html

Yarin · 技术社区 · 14 年前

我有一个大的分区,里面有我的背景图像。一般来说,它将以屏幕外的边为中心。因为它是背景,我不希望滚动条出现在浏览器上-这里有解决方案吗?

谢谢

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

我有一个超出浏览器边界的大图像,但是我需要分配给一个DIV背景或IMG,而不是主体背景,因为我使用jquery等操作它。

我知道是的 not possible for a div's background image to extend beyond its borders .
我也不能使用img或嵌套的div with overflow:hidden,因为这样会隐藏溢出,当我只想它不触发滚动时,也就是说,布局引擎在物理上忽略了它,但仍然可以在视觉上显示,就像溢出的主体背景一样。

3 回复 | 直到 8 年前

user1578835 12 年前

我刚和你遇到同样的情况。

经过一个小实验,我发现这是由CSS属性“position”的错误值引起的。

当我将DIV的位置设置从“固定”更改为“绝对”时,一切都会按照您的要求进行。

t3dodson 8 年前

这对我很有用;我记得我知道它在歌剧中不起作用,但那是很久以前的事了。

html, body { overflow-x: hidden; }

Brad Mace Mike King 14 年前

基于附加信息,我想出了这个例子。图像是一个DIV的背景,这个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>

推荐文章

Softly · 单选按钮未按预期取值

1 年前