在 RWD 主题中添加背景图像的最佳方法答案

【问题标题】：Best way to add background image in RWD theme在 RWD 主题中添加背景图像的最佳方法
【发布时间】：2016-11-23 17:07:38
【问题描述】：

简单地说，在 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 会使它变得更难。我在搜索时看到这个问题的唯一解决方案是使用社区模块，它真的那么复杂还是我错过了什么？

【问题讨论】：

标签： html css magento magento-1.9 responsive

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

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

事实证明，你必须在多行更改 RWD 的 styles.css，

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

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

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

【讨论】：