Question

我有一张随意的驼鹿图片，所以我想用它作为我的红宝石在rails网站的背景上。我在网上摸索了一下，这就是我得到的。

html { 
  background-image: url(images/moose.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

以上不起作用，我的背景仍然是白色的。我究竟做错了什么？驼鹿的图片位于app / assets / images / moose.jpg

我尝试使用html body {}作为反对html和背景反对background-image

Answer 1

你不能使用html，你必须使用身体。它应该是：

body {
    background:url('images/moose.jpg') no-repeat center center fixed;
}

打开chrome检查器并查看正在加载的背景图像样式。

Answer 2

url函数需要一个字符串，你需要使用单引号来传入你想要加载的字符串文件。

background-image:url('images/moose.jpg') no-repeat center center fixed;

以下是URL的def在w3schools上所说的内容。 http://www.w3schools.com/cssref/pr_background-image.asp

Answer 3

<html> 

<body style="background-image: url(output.png);">
Hello this is a text line.</body>
</html>

我假设您的图片位于您的html页面的同一目录中。否则给出图像的相对路径，如C：/images/output.png

使用照片作为我的网站的背景

3 个答案: