0

在 .CSS 文件中：

当我申请

body {
font-size: .85em;
font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
color: #232323;
background-color: #fff;
background: url('Images/Login_Background.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
background-color: #FFFFFF;
background-position: center center;
background-size: 100% 100%;}

工作background-image:url('Images/Login_Background.jpg');正常

但是一旦我做了一个像这样的ID：

#login {
background: url('Images/Login_Background.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
background-color: #FFFFFF;
background-position: center center;
background-size: 100px 100px;}

当我<section id="login">使用这个 css id 时；风格background: url('Images/Login_Background.jpg');不行！！！

我在我无法发现的地方出错了吗？从此累死了！！！

4

2 回答 2

0

不确定您期望的结果是什么，但在 div 中看不到背景

  1. 由于该background-repeat: no-repeat;属性，这里是一个没有它的演示：http: //jsfiddle.net/dBRQw/

  2. 元素的高度，请记住，空 div 的高度为 0px（除非您为其指定值或其中包含内容），在这种情况下您将无法看到背景，如下所示：http://jsfiddle.net/dBRQw/1/

这可能会给您带来问题，因为您还使用该background-position: center center;属性，这会将您的 100px 大小的背景发送到该元素的中心

http://jsfiddle.net/dBRQw/2/

我已将 div 的宽度和高度设置为 900px，这样您就可以看到中心的背景。总而言之，您的问题可能是因为您的元素没有高度或其中没有内容，这使得他默认为 0px 高度。

希望这可以帮助你。

于 2013-05-23T06:50:53.680 回答
0

代替

#login {
background: url('Images/Login_Background.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
background-color: #FFFFFF;
background-position: center center;
background-size: 100px 100px;}

和

#login {
background-image:url(Images/Login_Background.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-color: #FFFFFF;
background-position: center center;
background-size: 100px 100px;
}

它应该工作正常......！

于 2014-05-26T18:02:24.677 回答