CSS：背景位置不同角落偏移的困难

Question

CSS：背景位置不同角落偏移的困难

6

我在使用多重背景制作按钮时遇到了一些麻烦。虽然我知道可以使用:before和:after，但如果可能的话，我希望解决这个问题。

这里是Jsfiddle链接：http://jsfiddle.net/syren/qerUT/1/

在那里，我展示了我最终想要的效果。在那个示例中，我使用了

background-position: left top, 97% 90%;

只是为了展示我想要的外观。由于我希望它能够优雅地扩展到其他按钮和翻译中使用，所以我想使用这个：

background-position: left top, right 5px bottom 5px;

但是这并没有起作用。根据规范，它应该可以工作，所以我不确定我做错了什么。有什么想法吗？谢谢！

- Syren

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Brian Nickel · Accepted Answer

我也试着做了同样的事情。不幸的是，目前还没有真正支持right 5px bottom 5px的方法。

我最后做的是，在图片的右边和底部添加透明像素，以达到我想要的位置。虽然不太美观，但在任何支持多重背景图像的浏览器中都可以完美地工作。

有关每个浏览器所支持的背景特性的完整列表，请访问Standardista CSS3 Background Properties页面。在background-position下，它列出4值偏移仅受IE9+和Opera11+支持。这真是一件遗憾的事情，因为这是唯一一个不能跨越各个浏览器支持的CSS3背景特性。