6

我在使用多个背景制作按钮时遇到了一些麻烦。我知道我可以使用 :before 和 :after 但如果可能的话我想弄清楚这一点。

这是 Jsfiddle http://jsfiddle.net/syren/qerUT/1/

在那，我已经展示了我最终想要的样子。在那个，我用

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

只是为了展示我想要的样子。因为我希望它能够优雅地扩展以用于其他按钮和翻译，所以我想使用它：

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

但这行不通。根据规范它应该，所以我不确定我做错了什么。有任何想法吗？谢谢！

4

1 回答 1

4

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

我最终做的是拍摄我的图像并实际在图像的右侧和底部添加透明像素以使其进入我想要的位置。它并不漂亮，但在任何支持多个背景图像的浏览器中都能完美运行。

有关每个浏览器支持哪些背景功能的完整列表，请访问Standardista CSS3 背景属性页面。在 background-position 下，它列出了 4-value offset 仅受 IE9+ 和 Opera 11+ 支持。这是一个真正的耻辱，因为这是一个不受全面支持的 CSS3 背景功能。

于 2011-11-14T03:27:11.067 回答