Chrome和Safari中的页面背景图像

我有一个HTML页面，我正在使用CSS属性应用背景图像。Chrome和Safari中的页面背景图像

问题是，我想让这个背景图像出现在相对较长页面的底部，即页面将被滚动到底部以查看背景图像。

我申请以下：

body { 
    background: url("images/bg_homepage.png") no-repeat scroll right bottom transparent; 
}

这对Firefox和Internet Explorer工作正常，但Chrome和Safari浏览器无法正常工作。 Chrome和Safari需要将background-attachment属性设置为“固定”，但这正是我不想要的。

请指导。

感谢

来源

2011-03-02 Prashant

适用于您为我提到的所有浏览器：http://jsfiddle.net/7CG5z/ – thirtydot

这些代码可以在所有浏览器中使用。您的代码中有其他内容会干扰它。 – sevenseacat

感谢您的回复，并感谢thirtydot为我启发了关于jsfiddle.net – Prashant

如果你不希望它在你的身体，你可以创建例如:)

的股利和ID BG，然后做这样的事情

#bg { 
    background: url("/bg.gif") no-repeat scroll left bottom #FFFFFF; 
    bottom: 100px; 
    height: 396px; 
    position: fixed; 
    width: 288px; 
    z-index: -1; 
}

，如果你不想使用固定在页面上的任何地方，它将无法在主流浏览器上工作:(

来源

2011-03-02 10:47:44 walialu

我已经完成了与

body { 
    width: 100%; height: 100%; 
    position: absolute; 
    background-image: url(img/strand_402.jpg); 
}

适用于所有浏览器（包括IE）。

来源

2011-03-02 10:50:27 SchurigH

Chrome和Safari中的页面背景图像

回答

相关问题