Syr*_*ren 6 css css3 background-position
我在使用多个背景制作按钮时遇到了一些麻烦.我知道我可以使用:之前和之后但我想在可能的情况下弄明白这一点.
这是Jsfiddle http://jsfiddle.net/syren/qerUT/1/
在那,我已经展示了我最终希望它看起来像什么.在那一个,我用过
background-position: left top, 97% 90%;
只是为了展示我想要它的样子.因为我希望它能够优雅地扩展以用于其他按钮和翻译,我想使用它:
background-position: left top, right 5px bottom 5px;
但这不起作用.根据规格它应该,所以我不确定我做错了什么.有任何想法吗？谢谢!
我尝试过做同样的事情。right 5px bottom 5px不幸的是，目前还没有真正的支持。
我最终所做的是拍摄图像，并在图像的右侧和底部添加透明像素，以使其达到我想要的位置。它并不漂亮，但它可以在任何支持多个背景图像的浏览器中完美运行。
有关每个浏览器支持的背景功能的完整列表，请访问Standardista CSS3 背景属性页面。在背景位置下，它列出了仅 IE9+ 和 Opera 11+ 支持的 4 值偏移。真是可惜，因为这是唯一一个不被全面支持的 CSS3 背景功能。
| 归档时间： |
|
| 查看次数： |
832 次 |
| 最近记录： |