css - CSS - 多个背景图像填充

Question

我这里有一个小提琴...

我在<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;

想法？

Answer 1

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

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

Demo Fiddle

Answer 2

如果您需要更精确的控制，您还可以尝试使用四值语法从任何一侧为它们提供偏移量。