0

背景画像を div の中央に配置したい (幅は固定ですが、高さはコンテンツに依存するため、高さはわかりません)。

画像はシステムにログインする大学のロゴです。その幅と高さも大学によって異なります。

2 つの div を使用せずに、透かしとしてロゴを div の中央に配置するにはどうすればよいですか? 出来ますか？

ありがとうK

4

1 に答える 1

1

CSS

#test {
    background-image: url(path/to/image.jpg);
    background-size: 50% auto;
    background-position: center center;
    background-repeat: no-repeat;

}

これにより、設定したパーセントの幅で親要素の中央に画像が配置されます。画像は背景画像になります。IE8以下では思い通りに表示されないと思います。CSS を介して背景画像の不透明度を調整できるとは思わないため、画像を変更する必要があります。そのため、画像を半透明にします。

ここにフィドルがあります：http://jsfiddle.net/MWvCA/

もう 1 つのオプションは、絶対位置の画像を div に追加し、それを中央に配置し、CSS を介して不透明度を調整することですが、私があなただったら画像を調整するだけです。

于 2013-02-09T23:49:27.753 に答える