将背景扩展到div元素之外

时间:2009-10-22 19:52:57

标签: html css background image

是否可以在div框架之外的div中扩展background元素?

关于我找到的解决方法的后续问题:

我在我的主要内容后面的HTML代码中添加了<img>。这样可以正确显示整个背景图像,但是有一些滚动条可以延伸图像的整个长度,当然也可以选择图像。有没有办法删除滚动条并使该图像不可选?

我没有将背景图片放在CSS的body样式中的原因是因为我希望在调整浏览器窗口大小时将背景附加到我的内容。

5 个答案:

答案 0 :(得分:1)

尝试使用其他包装器<div>,并在其上设置背景图像。

答案 1 :(得分:1)

问题1:否。

问题2:使用background-image属性而不是<img>。您可以将其置于内容后面的<div>内,也可以放在与内容相同的框中。使用background-image不会为您提供任何滚动条。

答案 2 :(得分:0)

也许您应该尝试使用CSS中的图像背景,然后其他元素不会自动调整大小?

答案 3 :(得分:0)

我可能不会在脑海中看到你想要的东西......但是有一些CSS属性可以从项目中删除滚动条,只需使用overflow属性并将其设置为隐藏。

http://www.w3.org/TR/CSS2/visufx.html#overflow

如果您只是想阻止DIV上的滚动条。如果您知道图像的大小,或者它总是相同,只需将DIV宽度和高度设置为与图像相同,它应该全部显示。

据我所知,没有办法使背景内容大于显示它的项目。

答案 4 :(得分:0)

您可以将背景图像放在分区之外,但在调整浏览器大小时使用CSS定位将其保持在正确的位置。一个常见的解决方案是将背景位置设置为中心,因此将它们保持在同一位置。