css - CSS图片雪碧 - 无效的属性值

通过学习下面的教程使用精灵菜单现在。但由于某些原因，铬是给我的一些背景位置线的“无效的属性值”。第一个，与位置0 0工作正常，但其他两个与-33 0和0 -33将无法正常工作，这意味着我的网站只显示1个按钮，现在和不施加悬停。我现在使用的图片是197x65

  #sidebar .content .follow a {
                            display: block; float: left; height: 32px;
                            background-image: url('http://s23.postimg.org/8ltupgj0r/follow.png'); text-indent: -9999px;
                            margin-right: 5px;
                            }

                           #sidebar .content .follow a.fb {
                               width: 32px; background-position: 0 0; }
                           #sidebar .content .follow a.twit {
                               width: 32px; background-position: -33 0; }

                           #sidebar .content .follow a.fb:hover {
                               background-position: 0 -33; }

最佳答案

在背景位置属性，你需要设置你想要什么样的价值类型，PX，EM等CSS理解0，但你必须要为其他值更具体。

#sidebar .content .follow a.twit {
    width: 32px; background-position: -33px 0; }
#sidebar .content .follow a.fb:hover {
    background-position: 0 -33px; }