CSS - 多个背景图像填充答案

【问题标题】：CSS - multiple background image paddingCSS - 多个背景图像填充
【发布时间】：2013-09-13 23:40:56
【问题描述】：

我有一个小提琴here...

我在<div> 中设置了多个背景图像。然而，似乎相对定位是允许的。

是否有可能填充这些图像，使它们不在极端角落？简单的 div 填充不起作用。

.iso-container li   {
    background: #f8981d;
    background-image: url(http://webfro.gs/south/kb2/images/pdf-button.png), url(http://webfro.gs/south/kb2/images/bxw_email.png);
    background-position: bottom right, bottom left;
    background-repeat: no-repeat;
    padding-left: 10px;
    color: #FFFFFF;

想法？

【问题讨论】：

标签： css background-image background-position

【解决方案1】：

如果您对百分比定位没问题，您可以将背景位置更改为如下所示：

background-position: 95% 95%, 5% 95%;

Demo Fiddle

【讨论】：

非常酷的想法。效果很好。再过 9 分钟，我才能接受。
知道如何添加这些链接吗？

【解决方案2】：

如果您需要更精确的控制，您也可以尝试four-value syntax 从任何一侧为它们提供偏移量。

【讨论】：