0

ユーザープロファイルを持つrails3アプリケーションがあります。各プロファイルには、スライドショー付きの異なるサイズの4つのプロファイル画像が含まれる場合があります。背景画像xx.gifが1つあります。

プロファイル画像のサイズが640*480未満の場合、xx.gifが背景に表示され、小さいプロファイル画像が前景に表示されます。小さいプロファイル画像も、背景画像に対応する中央に配置する必要があります。

これを行う方法？

4

1 に答える 1

0

これを試して：

HTML

<div id="main">
  <img id="image1" alt="test" src="/images/image.png" class="center">
</div>​

CSS

#main {
    background: url("/images/bg.jpg") 50% 50% no-repeat; 
    border:1px solid #eee; 
    width:500px; 
    height:400px;
    display: table-cell; 
    vertical-align: middle;
    text-align:center;
}

Fiddle here

于 2012-12-24T12:19:07.117 に答える