2

我在这里有这个网站：http: //seasonsrestaurant.ca/

在 Firefox 中，我的社交媒体图标都是 twitter 图标。这是我的 CSS。为什么后台位置不起作用？

ul.social-media li.twitter{
    background-image:url(http://www.seasonsrestaurant.ca/images/social.png);
    background-position-x:0px;
    width:25px;
    height:26px;
}

ul.social-media li.instagram{
    background-image:url(http://www.seasonsrestaurant.ca/images/social.png);
    background-position-x:-26px;
    width:25px;
    height:26px;
}

ul.social-media li.facebook{
    background-image:url(http://www.seasonsrestaurant.ca/images/social.png);
    background-position-x:-52px;
    width:25px;
    height:26px;
}
4

1 回答 1

2

您正在使用适用于 Chrome 但不适用于 Firefox 的非标准 CSS 属性。

请参阅：background-position-x (background-position-y) 是标准的 W3C CSS 属性吗？

但是，标准的背景属性会解决这个问题。

于 2013-08-25T23:33:47.850 回答