設置background-position無效啊 各位幫我看看
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>demo</title>
<style>
? ? ? h3 , ul{
? ? ? ?margin: 0px;
? ? ? ?padding: 0px;
? ? ? }
? ? ? ul {
? ? ? ?list-style: none;
? ? ? }
? ? ? li h3 {
? ? ? ?font-size: 14px;
? ? ? ?font-weight: 400;
? ? ? }
? ? ? li {
? ? ? ?display: block;
? ? ? ?height: 31px;
? ? ? ?line-height: 31px;
? ? ? ?overflow: hidden;
? ? ? ?border-bottom: 1px solid #dedede;
? ? ? }
? ? ? li i {
? ? ? ?background:url(sidebar.png);
? ? ? ?display: inline;
? ? ? ?width: 30px;
? ? ? ?height: 24px;
? ? ? ?float: left;
? ? ? ?margin: 3px 10px 0 0;
? ? ? }
? ? ? .cat {
? ? ? ?width: 150px;
? ? ? ?background:#f8f8f8;
? ? ? ?border: 1px solid #bbb;
? ? ? }
? ? ? .cat-1 i{
? ? ? ?background-position: 0 0;
? ? ? }
? ? ? .cat-2 i{
? ? ? ?background-position: 0 -24;
? ? ? }
? ? ? .cat-3 i{
? ? ? ?background-position: 0 -48;
? ? ? }
? ? ? .cat-4 i{
? ? ? ?background-position: 0 -72;
? ? ? }
? ? ? .cat-5 i{
? ? ? ?background-position: 0 -96;
? ? ? }
? ? ? .cat-6 i{
? ? ? ?background-position: 0 -120;
? ? ? }
? ? ? .cat-7 i{
? ? ? ?background-position: 0 -144;
? ? ? }
? ? ? .cat-8 i{
? ? ? ?background-position: 0 -168;
? ? ? }
</style>
</head>
<body>
<div>
<ul>
<li>
?<i></i>
? ? ? ? ? ? ? <h3>服裝內衣</h3>
</li>
<li>
?<i></i>
? ? ? ? ? ? ? <h3>鞋包配飾</h3>
</li>
<li>
?<i></i>
? ? ? ? ? ? ? <h3>運動戶外</h3>
</li>
<li>
?<i></i>
? ? ? ? ? ? ? <h3>珠寶手表</h3>
</li>
<li>
?<i></i>
? ? ? ? ? ? ? <h3>手機數碼</h3>
</li>
<li>
?<i></i>
? ? ? ? ? ? ? <h3>辦公電腦</h3>
</li>
<li>
?<i></i>
? ? ? ? ? ? ? <h3>護膚彩妝</h3>
</li>
? ? ? ? ? ? <li>
?<i></i>
? ? ? ? ? ? ? <h3>母嬰用品</h3>
</li>
</ul>
</div>
</body>
</html>
各位幫我看看哪里錯了?
2015-06-26
沒寫單位
2015-06-26
background-position:0 24px;