0

背景画像（繰り返しなし）を、たとえば右端から5px離して配置するように指定することはできますか？

CSSでこれを行うことは可能ですが、デフォルトでは左端になります。代わりに、背景画像を常に右端から5px離して配置したいと思います。

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行を書く代わりに、1行のコードの下で使用できます。これは目的に役立ちます...

背景：url（/img/shd/spacer.png）右上の繰り返しなし。

または、中央の位置を修正したい場合は、次を使用できます

背景：url（/img/shd/spacer.png）繰り返しなし固定右;

2つのPositioning値、つまり競合を引き起こしているCenterとRightを使用しています。

一度に1つの値を水平方向に1つ、垂直方向に1つの値を使用できます。

于 2012-09-14T10:35:10.623 に答える
0 
background-position: right 5px center;

また

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

画像をいつでも編集して、右側に 5px のアルファ透明スペースを確保してから、次を使用できます。

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

Higneshの回答で示唆されているように。

ハックのように聞こえますが、それは確かに機能するはずです。それか、固定幅のコンテナー div を指定し、(親の幅 - 5px) の内部 div を配置し、左側にピン留めされていることを確認し、上記の CSS で指定されているように画像を右側に配置します。

于 2012-09-14T10:43:59.980 に答える
-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 に答える