我在使用多个背景制作按钮时遇到了一些麻烦。我知道我可以使用：之前和之后但是我想在可能的情况下解决这个问题。
这是Jsfiddle http://jsfiddle.net/syren/qerUT/1/
在那里，我展示了我最终想要的样子。在那一个，我用
background-position: left top, 97% 90%;
只是为了展示我想要它的样子。由于我希望它能够优雅地扩展以用于其他按钮和翻译，我想使用它：
background-position: left top, right 5px bottom 5px;
但这不起作用。根据规格它应该，所以我不确定我做错了什么。有任何想法吗？谢谢！
答案 0 :(得分：4)
我试过做同样的事情。不幸的是，目前还没有真正支持right 5px bottom 5px。
我最终做的是拍摄我的图像，然后在图像的右下角添加透明像素，使其进入我想要的位置。它并不漂亮，但它可以在任何支持多个背景图像的浏览器中完美运行。
有关每个浏览器支持的背景功能的完整列表，请访问Standardista CSS3 Background Properties page。在background-position下，它列出了4值偏移量，因为只有IE9 +和Opera 11+支持。这是一个真正的耻辱，因为这是一个不受全面支持的CSS3背景功能。