DIV+CSS教程_解决关于CSS Sprites
码:a { background:url(ooxx.png) 999px 999px no-repeat; }
a.a { background-color:#ccc; background-position:0 -100px; }
a.b { background-position:0 -200px; }
a.c { background:#f5f5f5 url(ooxx.png) 0 -300px repeat-x; }
现在问题来了,是保持a.c使用复合属性,还是拆开来,写成:
代码:
a.c {
background-color:#f5f5f5;
background-position:0 -300px;
background-repeat:repeat-x;
}
解决
a { background:url(ooxx.png) 999px 999px no-repeat; }
a.a { background-color:#ccc; background-position:0 -100px; }
a.b { background-position:0 -200px; }
a.c { background:#f5f5f5 url(ooxx.png) 0 -300px repeat-x; }
a.c {
background-color:#f5f5f5;
background-position:0 -300px;
background-repeat:repeat-x;
}
Word教程网 | Excel教程网 | Dreamweaver教程网 | Fireworks教程网 | PPT教程网 | FLASH教程网 | PS教程网 |
HTML教程网 | DIV CSS教程网 | FLASH AS教程网 | ACCESS教程网 | SQL SERVER教程网 | C语言教程网 | JAVASCRIPT教程网 |
ASP教程网 | ASP.NET教程网 | CorelDraw教程网 |