html - 没有卷轴的大背景

标签 html css

我有一个背景图片比内容区域宽的布局。我在内容所在的位置制作了一个 970px 的包装器。在正文中我有一个背景图片,但我需要在正文背景图片上方有另一个背景图片,所以我制作了 bgimg 类。所以基本上标记是这样的:

<body>
<bgimg>
<wrapper>
<content>
</content>
</wrapper>
</bgimg>
</body>

但是 bgimg 的宽度约为 1050 像素,因此当用户的浏览器为 1024x768 时它会显示滚动条。有没有办法摆脱滚动条?我的意思是,如果用户的浏览器当然比 970x 包装器窄,我希望有滚动条。那么我可以为 bgimg 类 overflow hidden 之类的东西吗?

希望你明白我的意思。

最佳答案

bgimg 的这个 CSS 属性应该可以解决问题:

overflow-x: hidden;

关于html - 没有卷轴的大背景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2778509/

相关文章:

javascript - 使用纯 JavaScript 更改链接并使用复合 CSS 选择来选择元素

html - 导航栏没有移到右侧?

Javascript 把第一行放在 thead

html - 我的 Gitlab 存储库上的默认页面出现 404 错误

javascript - 如何使 Google map 与网站内容互动

php - 通过 php 识别 opera 浏览器

html - 箭头纯 CSS 图像 slider

javascript - 通过 JQuery 制作 POST API 时显示负载微调器

css - 复选框标签与复选框重叠 - Bootstrap3

css - 外部 CSS 文件在 Bootstrap 中不起作用