2

背景画像を特定の div に割り当てる必要があります。CSS の通常の左からではなく、右から配置する必要があります。したがって、 を定義するときbackground-position、たとえば 、右、または大きなパーセンテージ (これも画面の左側から計算されますが、とにかく機能します) を読み取ることができます..それだけです。ピクセルを使用できず、コンテナの右側から固定距離で移動できません。私はここにいますか？それで、これに対する回避策はありますか？それが役立つ場合、LESSと何か関係がありますか? 理論的には、それを右に設定して、どういうわけか数ピクセル減らすことができます。

margin-right:+-px 、 padding-right:+px がありますが、 background-position-right:+-px はありませんか?

4

3 に答える 3

3 
background-position: right 20px;

https://developer.mozilla.org/en-US/docs/CSS/background-position

JSBIN の例: http://jsbin.com/ixejey/1/

アップデート：

おっと、私は質問を誤解したかもしれません。上の例では、背景画像を右側に、上から 20px の位置に配置していますが、右側から一定の距離は離れていません。現時点では、CSS だけでそれを行うことはできないと思います。

今のところ、要素の背景画像を直接使用する代わりに、要素をラッパー div 内にラップし、2 つ目の div を追加して「背景」画像を保持し、絶対に配置することができます。特定の距離を右に移動します。

代替オプションの例:

<div id="yourContainer">
    <div id="yourBackGroundImage"></div>
    <div id="yourContent">your content</div>
</div>

CSS:

#yourContainer {
    position: relative;
}

#yourBackGroundImage {
    width: 100;
    height: 100;
    position: absolute;
    right: 50px;
}
于 2013-05-08T18:26:45.393 に答える