在chrome中修复图像的背景位置

Question

.Emoji
{
 cursor: pointer;
 float: right;
 height: 25px;
 margin-right: 5px;
 margin-top: -21px;
  position: relative;
 right: -12px;
 text-decoration: none;
 width: 23px;
 z-index: 40000;
 background-image: url("/images/globaleImg.png");
 background-position: -136px -387px;
 background-repeat: no-repeat;
 background-size: auto auto;
}

在Firefox和IE中的位置，如果图像在正确的位置，但在铬，它不是

Chrome中的

看起来像这样：

如何在不创建新的css文件的情况下修复类以适应firefox和chrome

Answer 1

它通常不赞成但有时需要具有浏览器特定的css： @media screen和（-webkit-min-device-pixel-ratio：0）

然而我建议构建firefox和chrome标准，然后到IE，因为chrome和firefox现在比IE更常用，它们也更灵活