0

我正在尝试将背景图片(同一张)应用于两个 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>

但是只有一个被显示,如果我把 .def 定义放在 .abc 之前,.def 得到显示,而 .abc 没有背景。

在此处输入图像描述

4

2 回答 2

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 回答
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 回答