CSS - 背景イメージの位置付け

CSS background-position:を使用してイメージを要素の右端に配置できますが、その後数ピクセルをマイナスして、エッジに対して正しく表示されませんか？実際の画像自体に少しのパディングを追加する必要はありませんか？CSS - 背景イメージの位置付け

おかげ

出典

2010-11-18 Probocop

[背景の画像をコンテナの右側から絶対距離に配置するにはどうすればいいですか？]（http://stackoverflow.com/questions/3319514/how-can-i-position-a-background -image-an-absolute-from-the-of-the-of-its） –

は、あなたのdivが1000px幅であり、あなたはそれが右から5pxのコードは次のようになりたいとしましょう

background: url('image.jpg') no-repeat 995px 50%;

編集：

としては、上記のコードはありません指摘画像のサイズに対応していません。

は、あなたのdivが1000px幅で、あなたのイメージが100pxに広いですし、コードが

background: url('image.jpg') no-repeat 895px 50%;

あなたの位置決めがDiv Size - Image Size - desired spacing from right edge.

出典

2010-11-18 10:33:24 Blowsie

ええ、それは、それをやっている一つの方法だと思います！しかし、それは右側から相対的に行うことができればいいと思うので、さまざまな幅の要素に適用できます。 – Probocop

いくつかのハックの方法がありますあるだろう右から5pxのたいとしましょう。ただ、右端にある背景位置を使用します。

background-position: right center;

ととそれを組み合わせる：

右から 5pxのインデントのための

box-sizing: border-box; border-right: 5px solid transparent;

。

出典

2014-01-24 09:00:01 qwertyroot

CSS - 背景イメージの位置付け

答えて

関連する問題