0

背景画像（同じもの）を2つのdivタグに適用しようとしています：

.abc { background: url('images/autogen.png') no-repeat 0px -133px; width: 256px; height: 256px; };

.def { background: url('images/autogen.png') no-repeat 0px -0px; width: 128px; height: 128px; };

HTML：

<html><head><meta charset="utf8"><link href='main.css' rel='stylesheet' type='text/css'' media='all' /></head><body>
<div class="def">def</div>
<div class="abc">abc</div></body></html>

しかし、1つだけが表示されました。.abcの定義の前に.def定義を置くと、.defが表示され、.abcには背景がありません。

ここに画像の説明を入力してください

4

2 に答える 2

1

';'があってはならないと思います 中括弧の後

.abc { background: url('images/autogen.png') no-repeat 0px -133px; width: 256px; height: 256px; }

.def { background: url('images/autogen.png') no-repeat 0px -0px; width: 128px; height: 128px; }
于 2012-07-05T05:56:07.337 に答える
1

;あなたのCSSで後で使用しない でください

に置き換えます

.abc { 
background: url('images/autogen.png') no-repeat 0px -133px; 
width: 256px;
height: 256px;
};

.def { background: url('images/autogen.png') no-repeat 0px -0px; 
width: 128px;
height: 128px; };

これ 

     .abc { background: url('images/autogen.png') no-repeat 0px -133px; 
width: 256px; 
height: 256px; }

        .def { background: url('images/autogen.png') no-repeat 0px -0px; 
width: 128px; 
height: 128px; }

詳細http://htmlhelp.com/reference/css/structure.html

于 2012-07-05T05:52:47.037 に答える