0

是否可以指定您希望背景图像（非重复）位于距离右边缘 5 像素的位置？

我知道使用 CSS 可以做到这一点，但它默认为左边缘。我希望背景图像始终位于距右边缘 5 像素的位置。

CSS

#companyLinks li {
display: inline;
padding-right: 10px;
background-image: url(/img/shd/spacer.png);
background-repeat: no-repeat;
background-position: right center;
4

4 回答 4

2

@弗朗西斯卡

而是编写 3 行来定义背景，您可以在一行代码下方使用，这将满足您的目的......

背景： url(/img/shd/spacer.png) 右上角无重复；

或者，如果您希望它固定在 Center 中的位置，则可以使用

背景：url(/img/shd/spacer.png) no-repeat fixed right；

您正在使用两个定位值，即造成冲突的中心和右侧。

您可以一次使用一个值作为水平值，一个值作为垂直值。

于 2012-09-14T10:35:10.623 回答
0

您始终可以编辑图像以在右侧为您提供 5px 的 alpha 透明间距，然后使用：

background: url(/img/shd/spacer.png) no-repeat fixed right;

正如 Hignesh 的回答所建议的那样。

我知道这听起来像是一个 hack，但这肯定会奏效。或者指定一个固定宽度的容器 div，并放置一个（父宽度 - 5px）的内部 div，并确保它固定在左侧，图像在右侧，由上述 CSS 指定。

于 2012-09-14T10:43:59.980 回答
0 
background-position: right 5px center;

或者

background: url(/img/shd/spacer.png) no-repeat fixed right 5px;
于 2016-09-21T08:33:28.697 回答
-1

尝试使用此表，我认为这应该根据您的需要工作：P

<table border="2" align="center" cellpadding="0" cellspacing="0" height="100%" width="100%">
    <tr height="100%">
        <td style="background-image:url('http://www.dvd-ppt-slideshow.com/images/ppt-background/background-31.jpg'); background-position:right; background-repeat:no-repeat; " height="100%" ></td>
        <td  style="width: 10px;"></td>
    </tr>
</table>
于 2012-09-14T11:13:18.580 回答