1

私は自分のウェブサイトをやっていますが、問題があります。背景画像が 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 以降、およびハイフン (-) とアンダースコア ( _); 数字、2 つのハイフン、またはハイフンの後に数字を続けることはできません。識別子には、エスケープ文字と 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 に答える