CSS3 HTML5层

Question

我正在做我的网站，但是有问题。 我有一个背景图像，在此图像中，存在不同的图层：图层具有完全相同的大小和相同的位置。 我尝试了这个：

的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中，它也不起作用。 我不知道我必须做。 非常感谢您的帮助。

Answer 1

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

CSS3 HTML5层

问题描述

1 个解决方案

解决方案1
5 2013-10-04 19:17:32

CSS3 HTML5层

问题描述

1 个解决方案

解决方案1 5 2013-10-04 19:17:32

解决方案1
5 2013-10-04 19:17:32