后台位置在Firefox / IE中不起作用

时间:2014-01-29 18:56:27

标签: html css css3 internet-explorer firefox

我使用的是背景位置,它在Chrome中工作正常,但在Firefox和IE上它无法正常工作。

.badge {
background: url(badge.png) no-repeat;
background-position: 0px 1px;
display: inline-block;
color: #9e988e;
font-size: 12px;
padding-left: 15px;

在所有浏览器中,我应该使用什么来使其相同?

JSFIDDLE

2 个答案:

答案 0 :(得分:2)

Internet Explorer通过background-position-xbackground-position-y执行此操作。 Firefox不支持..

答案 1 :(得分:0)

今天刚遇到类似的问题。

这可能会有点奇怪,但请尝试将其添加到您的风格中。

实施例 background-position-x: 54%; background-position-y: 10%;

你可能不得不弄清楚确切的位置,但大多数浏览器都接受它。