1

我正在做我的网站，但我有一个问题。我有一张背景图片，在这张图片中，不同的图层：图层的大小和位置完全相同。我试过这个：

HTML

<body>
   <div id="1">
   </div>
   <div id="2">
   </div>
</body>

CSS

body {
    background-color: #feecc5;
    font-size: 13px;
    position: absolue;
    background-image: url(images/fond.png);
    width: 600px;
    height: 960px;
    background-position: center top;
    background-repeat: no-repeat;
}

#1 {
    background-image: url(images/formation.png);
    width: 600px;
    height: 960px;
    z-index: 1;
}

#2 {
    background-image: url(images/experiences.png);
    width: 600px;
    height: 960px;
    z-index: 2;
}

身体的背景图像是完美的，在不同的图层之后非常糟糕......我尝试了一个位置后我不明白：div的中心，什么都没有。还要把所有的div“层”放在通用的div里面，也不行。我不知道我必须这样做。非常感谢您的帮助。

4

1 回答 1

5

在 CSS 中，标识符不能以数字开头。这就是您的样式未应用的原因。

CSS2.1

语法和基本数据类型 / 4.1.3 字符和大小写

在 CSS 中，标识符（包括选择器中的元素名称、类和 ID）只能包含字符 [a-zA-Z0-9] 和 ISO 10646 字符 U+00A0 及更高，加上连字符 (-) 和下划线 ( _); 它们不能以数字、两个连字符或一个连字符后跟一个数字开头。标识符还可以包含转义字符和任何 ISO 10646 字符作为数字代码（请参阅下一项）。例如，标识符“B&W？” 可以写成“B\&W\?” 或“B\26 W\3F”。

CSS3

语法和基本数据类型 / 4.1.3 字符和大小写

在 CSS3 中，标识符（包括元素名称、类和选择器中的 ID（参见 [SELECT] [或者这仍然是真的]））只能包含字符 [A-Za-z0-9] 和 ISO 10646 字符 161 及更高, 加上连字符 (-) 和下划线 (_)；它们不能以数字或连字符后跟数字开头。它们还可以包含转义字符和任何 ISO 10646 字符作为数字代码（请参阅下一项）。例如，标识符“B&W？” 可以写成“B\&W\?” 或“B\26 W\3F”。（参见 [UNICODE310] 和 [ISO10646]。）

这显然行不通（示例）：

#1 {
    color:red;
}

如果您在前面加上一个字母并更改标记，它显然会起作用（示例）

#p1 {
    color:red;
}

作为一种解决方法，您可以使用属性选择器来选择以id数字开头的：（示例）

[id="1"] {
    color:red;
}
于 2013-10-04T19:17:32.677 回答