我使用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>
答案 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;