这代码有问题吗?为什么雪碧图没有完整的出来?

来源:3-4 编程练习

大尧尧

2015-12-03 16:32

...
li i {
    background:url(http://img.mukewang.com/539a950e00015ba500710200.jpg);
    display: inline;
    float: left;
    margin: 3px 10px 0 0;
    height: 24px;
    width: 30px;
}

  /* 在这里补充雪碧图的样式 */
.cat-1 i{backgroung-position:0 0;}
.cat-2 i{backgroung-position:0 -24px;}
.cat-3 i{backgroung-position:0 -48px;}
.cat-4 i{backgroung-position:0 -72px;}
.cat-5 i{backgroung-position:0 -96px;}
.cat-6 i{backgroung-position:0 -120px;}
.cat-7 i{backgroung-position:0 -144px;}
.cat-8 i{backgroung-position:0 -168px;}



</style>


写回答 关注

1回答

  • qq_安伊偌拉_0
    2015-12-03 16:39:31
    已采纳

    backgroung-position写错了,应该是background-position

    大尧尧

    /*<尴尬>*/ 粗心了,谢谢!

    2015-12-03 16:56:55

    共 1 条回复 >

CSS Sprite雪碧图应用

必学的大型网站实用技术,让你快速掌握CSS Sprite雪碧图技术

47100 学习 · 228 问题

查看课程

相似问题