我无法改变我的页面背景(基础5)

时间:2014-02-01 16:44:34

标签: html css background zurb-foundation

我使用Foundation 5平台构建我的网站。

在我网站的其中一个页面中,有一个空白的白色背景 - 默认的。我试图把它改成图像背景,但没能。

我正在添加我尝试添加到我的某个页面标题中的代码。有谁知道为什么背景保持白色?谢谢!!

<style>
    html { 
      background: url(images/bg.jpg) no-repeat center center fixed; 
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }
</style>

2 个答案:

答案 0 :(得分:0)

从您提供的信息量来看,并不完全清楚。我猜测浏览器无法找到相对于此HTML文件路径的images/bg.jpg,或者CSS声明之间存在冲突。您可以尝试将此CSS应用于body元素而不是html元素。它也可能是另一个CSS选择器具有更高的优先级,因此适用而不是这个。

找到的一种方法是使用浏览器的检查工具。例如,在Chrome中,右键单击并选择“检查元素”,在“元素”选项卡中,单击<html>元素,然后查看对其活动的样式(右侧“样式”窗格)。 / p>

答案 1 :(得分:0)

您遇到的问题是因为默认情况下身体背景已设置为白色。

取消注释并编辑_settings.scss文件的第38行
 // $body-bg: #fff;

 $body-bg: transparent;