代码之家 › 专栏 › 技术社区 › 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 回复 | 直到 9 年前

user1578835 12 年前

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

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

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

t3dodson 9 年前

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

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>

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

4 月前

Jamie · 在CSS链接的文件名中添加Jinja占位符

4 月前

ptownbro · 重叠分区标签,同时保持以下所有分区和内容就位

4 月前

Luke Frost IEng MIMechE · Bootstrap 5.3在Div中的项目位置没有如我所期望的那样显示

4 月前

Reegan · 使用Angular ngFor指令在html中渲染嵌套对象值

4 月前

wqyutv · 当找不到文件时,任何破坏错误的东西都不会出现,我该怎么解决这个问题?

4 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

4 月前

Gukkey · 在React中明确隐藏日期类型输入后,如果我单击父div,如何显示日期选择器?

4 月前

Lorenzo Bertolaccini · 在Angular项目中通过对话框后,在控制台中显示但在HTML中不显示的数据数组

4 月前

john Rizzo · 按钮背景颜色、悬停和活动状态存在问题

4 月前