背景图像定位问题

我有这个作为我的CSS样式。在调整浏览器窗口大小时，我的#pg_wrap未与背景图像居中。我的屏幕截图是当您将浏览器窗口的宽度减少到小于1344像素（宽度不一定是这个数字，只是一个测试数字）。背景图像定位问题

屏幕截图是用Firefox做的，它是这样做的。 Chrome不会这样做。我如何获得背景图片以保持？

body 
{ 
    text-align: center; 
    background-image: url('p_bg_75.jpg'); 
    background-repeat: repeat-y; 
    background-color: black; 
    background-attachment:fixed 
    margin: 0px; 
    padding: 0px; 

} 
#pg_wrap 
{ 
    margin-left: auto; 
    margin-right: auto; 
    width: 1344px; 
    height: 1000px; 
    border: 1px solid white; 
    text-align: center; 
}

来源

2009-04-13 MJ.

不同的是，因为浏览器不同的方式处理不正确CSS。

变化

background-attachment:fixed

到

background-attachment:fixed;

来源

2009-04-13 03:27:03 Guffa

分号NINJA！ – jcelgin 2009-04-13 03:30:44

你忘了申报的背景位置？请记住，文本对齐不会对齐背景。作为一个单一的声明，这似乎是你后：

background: #000000 url('p_bg_75.jpg') repeat-y fixed top center;

我不能被你的问题告诉你是否真的希望附件的形式“固定”，而是根据你的屏幕帽，我怀疑它。所以你也可以从宣言中抛弃它。

来源

2009-04-13 08:37:17 ozan

如上建议，尝试：

background-position: center;

并粘贴HTML，所以我们可以在Safari /铬试验的一个片段。

来源

2009-06-19 15:53:24

通常与一个中心对齐的网站，你最好使用2背景图像。 1个背景图像放在身体上，另一个背景放在中心对齐的DIV上。

如果在您的示例中身体没有边距，并且您的浏览器小于1344px，则不会再看到身体背景。为了确保在内容很短的情况下，您可以给DIV的最小高度为100％也没有奇怪的效果。

也许看看这个网站，这种技术也被用于：http://www.prgs.nl/

来源

2009-06-20 17:08:57 Michiel

背景图像定位问题

回答

相关问题