Css明星Tim Vasil

Question

我在网站上使用css（Tim Vasil）为评论中的明星。 但是我把网站放到网上后意识到，这在firefox css中效果不好 为什么呢？

script css Tim Vasil

这是CSS：

i.star {
background-image: url(../img/star-sprite.png);
display: inline-block;
height: 16px;
width: 80px;
background-position-x: -80px;
background-position-y: -48px;
}

i.star-1    { background-position-x: -64px; }
i.star-2    { background-position-x: -48px; }
i.star-3    { background-position-x: -32px; }
i.star-4    { background-position-x: -16px; }
i.star-5    { background-position-x: 0; }
i.star-qtr  { background-position-y: -32px; }
i.star-half { background-position-y: -16px; }
i.star-3qtr { background-position-y: 0; }

星星上的铬工作取决于所谓的类， 在Firefox上我总是所有的黄色星星

Answer 1

问题是Firefox不支持background-position-x或background-position-y。试试这个：

i.star { background-position: -80px -48px; }

i.star-1 { background-position: -64px -48px; }