0

重複の可能性：
CSSを使用して背景画像を右からオフセットします

CSSは通常：

background-position:right top;

しかし、私が右のようなことを言いたいのなら-5px？出来ますか？要素内の位置のように：

right:-5px;

誰か知ってる？

編集

多分それは不明確です！私は次のようなものを意味します：

background-position:right-5px top;
4

2 に答える 2

2

http://www.w3.org/TR/CSS21/colors.html#propdef-background-position

CSS2.1の仕様では、コンテナの寸法を知っている場合にのみこれを行うことができます。

コンテナが300pxであると仮定します。あなたはどちらかを言うことができます：

background-position:305pxまたはパーセンテージを使用します。

ただし、

http://www.w3.org/TR/css3-background/#the-background-position

css3仕様では、すべての異なるコーナーからのオフセットを定義できます。

だからbackground-position: top 0 right -5px;あなたの望む結果を与えるでしょう。

IEを除いて、サポートはかなり良いです。

于 2012-05-23T09:32:15.237 に答える
1

それは不可能CSS2ですが、あなたはトリックを行うことができます。このように書いてください：

div{
    background:red;
    width:200px;
    height:200px;
    position:relative;
    overflow:hidden;
}
div:after{
    content:'';
    position:absolute;
    width:200px;
    height:200px;
    top:0;
    right:-5px;
    background:url('http://www.dummyimage.com/600x400/000/fff');
}

これをチェックしてください http://jsfiddle.net/s9L2T/

于 2012-05-23T09:47:04.370 に答える