CSS背景图像未显示(使用HTML5 Boilerplate)

时间:2016-02-27 16:01:33

标签: html css html5 background-image

是否有任何理由在使用html5样板文件时使用

设置网站
   body {
      background-image: url(../images/beach.png) no-repeat center center fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }
css中的

不会为我加载图像,只能使用

   body {
      background: url(../images/beach.png) no-repeat center center fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }

作品?

4 个答案:

答案 0 :(得分:3)

如果您使用body { background-image:url(../images/beach.png) center center fixed; background-repeat:no-repeat; // rest of your code } ,则只能使用此属性设置背景图片。无法设置属于其他属性的值。在这种情况下,您尝试为不属于background-image属性的属性设置值。

如果您使用background-image属性,可以使用该属性设置任何background相关属性。

答案 1 :(得分:0)

试试这个:

---
title: "Umlauts with Rmarkdown"
output: html_document
---

## This is a sentence with many umlaut characters:

Herr Müller sagt: "Über den Wolken können Sonnenuntergänge 
besonders schön sein."

答案 2 :(得分:0)

background-image是一个仅设置背景图像文件的指令。 可以使用以下指令设置其他属性:

background-color background-image background-repeat background-attachment background-position

background只是一种允许使用上述一个或多个指令的简写。

  

background shorthand属性在一个声明中设置所有背景属性。

More infos on w3school site

答案 3 :(得分:0)

我猜你必须使用双引号。 background-image:url(“paper.gif”);