2011-05-07 16 views
2

我想拉伸背景来填充HTML/CSS的整个窗口。
我已经看到了一些解决方案,但他们不工作。
我遇到的每个解决方案都不适用于所有的浏览器,Chrome既不能扩展它,IE也不能扩展它,如果两者都这样做,那么Firefox就会成为问题。如何在整个窗口上拉伸背景?

有没有人有一个工作解决方案,这将适用于所有浏览器? (不介意一些JavaScript)

回答

1

我相信有没有办法做到这一点,没有创建一个img元素,并设置它的z顺序底部,然后自定义的宽度。 This page有详细信息。

编辑:在链接它说使用position: fixed;。如果你指定了一个文档类型,这只能在旧版IE中使用。只要元素是身体的直接子元素,使用绝对就是一个简单的解决方法。

+0

这对IE8不起作用......背景图片出现在内容的上方(单独) – 2011-05-07 11:15:40

+0

只是背景div应该是绝对的,不是固定的..加上你的回答 – 2011-05-07 11:17:49

+0

我明白你的意思了,很高兴看到你把它分类。它应该与固定工作,如果你宣布一个文档类型顺便说一句。 – Matt 2011-05-07 11:30:35

0

写CSS的是,在这背景图像将在body.like

body { 
    background-image: url("/images/bg.jpg"); 
    background-repeat: no-repeat; 
    background-position:center top ; 
    } 

这将使总的图像中的body.Try这个希望它会工作。