CSS3 HTML5图层

mhs*_*c90 1 html css html5 css3

我在做我的网站,但我遇到了问题.我有一个背景图像,在此图像中,不同的图层:图层具有完全相同的大小和相同的位置.我试过这个:

HTML

<body>
   <div id="1">
   </div>
   <div id="2">
   </div>
</body>
Run Code Online (Sandbox Code Playgroud)

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;
}
Run Code Online (Sandbox Code Playgroud)

身体的背景图像是完美的,在不同的层次非常糟糕之后......在我尝试了一个位置之后我不明白:div的中心,什么都没有.也将所有div"层"放在一般div中,它也不起作用.我不知道我必须这样做.非常感谢您的帮助.

Jos*_*ier 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;
}
Run Code Online (Sandbox Code Playgroud)

如果你添加一个字母并更改了标记,这显然会起作用(例子)

#p1 {
    color:red;
}
Run Code Online (Sandbox Code Playgroud)

作为解决方法,您可以使用属性选择器来选择id带数字的开头:( 示例)

[id="1"] {
    color:red;
}
Run Code Online (Sandbox Code Playgroud)

  • 如此简单却如此......简单 (2认同)