背景图像不适用于css id，但适用于css体

Question

在.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');工作正常

但是，只要我做了一个像：

#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;}

当我的qazxsw poi使用这个css时; qazxsw poi风格不起作用！

我错了哪个地方我无法发现？从这累了!!!

Answer 1

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

1. 因为<section id="login">属性，这里有一个没有它的演示：background: url('Images/Login_Background.jpg');
2. 元素的高度，请记住，空div的高度为0px（除非您为其指定值或其中包含内容），在这种情况下，您将无法看到背景，如下所示： background-repeat: no-repeat;

这可能会给你带来问题，因为你也使用http://jsfiddle.net/dBRQw/属性，这会将你的100px大小的背景发送到该元素的中心

http://jsfiddle.net/dBRQw/1/

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

希望这能帮助你。

Answer 2

更换

background-position: center center;

同

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

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