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

标签 html css magento magento-1.9 responsive

简单地说,在 RDW 主题中简单地添加商店范围的背景图片的最佳方法是什么?

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

我一直在尝试像往常一样在 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 使它变得更难。在搜索时,我看到这个问题的唯一解决方案是使用社区模块,它真的那么复杂还是我遗漏了什么?

最佳答案

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

关于html - 在 RWD 主题中添加背景图片的最佳方式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40770415/

相关文章:

html - 嵌套 div 在框模型外应用边距

html - 内联 SVG 总是未对齐(在其父级的 y 位置较低)?

html - CSS 文本阴影透明度

css - 在 SCSS 存在的情况下,BEM 的显式后代类命名有什么意义?

php - 从非产品页面获取某个类别中所有产品的制造商

magento - 我如何获得当前商店的运输方式 : Magento

html - 用户代理应该如何处理 HTML5 必需的属性?

php - 查询 SQL DB TableView 并在 HTML 表中显示结果

javascript - 根据所选选项更改 Canvas 的尺寸

Magento 管理类别树