Question

我希望在所有页面中为我的网站保留静态背景。意思是，应用程序的背景应该是相同的。我试着做了

html {
    height: 300px;
    width: 300px;
    background: #f00 url(http://d1c739w2xm33i4.cloudfront.net/2.2/top_image.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
}

但是这只将背景分配给我网站上的选定区域。

我怎样才能做到这一点？

Answer 1

将goRightButton.zPosition = 999更改为html

body

Answer 2

它应该是body而不是html

body {
  height: 300px;
  width: 300px;
  background: #f00 url(http://d1c739w2xm33i4.cloudfront.net/2.2/top_image.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
}

考虑高度和宽度一次。

Answer 3

尝试使用

body{
     background: #f00 url(http://d1c739w2xm33i4.cloudfront.net/2.2/top_image.jpg);
     background-size: 100%;
     background-repeat: no-repeat;
}

确保所有html页面都链接到您的css文件

<link rel="stylesheet" type="text/css" href="path_to_your_file.css" media="all"/>

Answer 4

试试这个

body{
  height: 100%;
  width: 100%;
  background: #f00 url(http://d1c739w2xm33i4.cloudfront.net/2.2/top_image.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
}

Answer 5

问题是因为您已在height课程中指定了width和css。

Answer 6

使用sim或mate。并且不要使用sim＆amp; background-size: cover;选择器的background-size: 100% 100%个属性。在height选择器上应用属性。有关更多知识，请参阅this。

在我的网站上保持相同的背景

6 个答案: