在 RWD 主题中添加背景图片的最佳方式

Question

简而言之，在 RDW 主题中简单地添加全店背景图片的最佳方法是什么？

我在 Magento 1.9.2 中使用默认的 RwD 主题，我似乎无法弄清楚如何只添加图像，而不是将其插入 CMS，而不是块，只是静态背景图像在整个页面上而不是默认的白色。

我一直在尝试将其添加到 styles.css

中，就像您平时所做的那样

body {
    margin: 0;
    text-align:center; 
    font-family:futura;
    background-image:url(../images/Fond-Portail.jpg);
    background-size: 100% 100%; 
    background-position: center top; 
    background-attachment: fixed;
}

URL 应该是正确的，这通常是一个非常简单的任务，但我认为 RWD 使它变得更难。我在搜索时看到的解决这个问题的唯一方法是使用社区模块，它真的那么复杂还是我遗漏了什么？

Answer 1

您可以像这样使用背景尺寸属性。 background-size:cover; 你也可以尝试 background-size:contain;如果它适合你。

Answer 2

忘了这个问题！这是我修复它的方法：

首先不要忘记（像我一样）删除背景线：#FFFFFF;，否则颜色将覆盖在您的图像之上。

事实证明，对于 RWD styles.css、

，您必须在多行更改此设置

我在 BASE body 中添加了背景图片{}，

删除了 RESET 正文中的彩色背景{}，

并更改了 GLOBAL .wrapper{} 的背景颜色和大小（根据为您配置的方式，我更改了宽度并使其部分透明）。

在 RWD 主题中添加背景图片的最佳方式

Best way to add background image in RWD theme

html

css

magento

magento-1.9

responsive