3

背景画像の下部に配置したいのですが、垂直方向のオフセットを与えます。

まあ言ってみれば

私たちができるのと同じ方法：

.img{
     background-position: 5px center; /* top + 5px */
}

私がしようとしました：

.img{
     background-position: -5px center; /* bottom - 5px ?? */
}

しかし、画像は表示されません

どうすればこれを達成できますか？（要素の高さを知らずに）。

  • これまでのところ、要素にパディング（画像のサイズ）とマージン（オフセット）を適用して修正しましたpostion:bottom center;
4

2 に答える 2

1

ではなくCSS2、とCSS3。を使用すると、またはオフセットbackground-positionを与えることができます。positionnegative

次のようなことができます：

JSFiddleデモ

HTML :

<div class="box"></div>

CSS :

.box {
    width:300px;
    height:300px;
    background: url(http://placehold.it/100x100) no-repeat bottom -10px right -20px;
    border:2px solid red;
}

ブラウザの互換性リスト

于 2013-07-08T14:17:03.347 に答える