0

Webページで背景画像を使用し、このコードをcssで使用して、ブラウザーのサイズが変更されたときにサイズを適切に変更しました。

body{   
    background: url("images/back.jpg") no-repeat  ;
    background-size: cover;
}

特定の場所 (テーブル上の花瓶) の背景画像の上に他の画像を配置する必要があります。下の2番目の写真に示されています。

これらの 2 つの画像の花瓶を参照してください

フルサイズのブラウザ

サイズ変更されたブラウザ

花瓶の画像も背景と同じようにサイズ変更するにはどうすればよいですか

4

3 に答える 3

0

画像の相対位置を作成し、配置を手動で設定してみてください。

http://jsfiddle.net/cfjbF/1/

<head>
    <style>
        body {
            background: #000000;
        }

        #image1 {
            background: #008000;
            position: relative;
            left: 50px;
            height: 50px;
            width: 50px;
        }
    </style>
</head>
<body>
<div id="image1"></div>
</body>
于 2012-11-05T14:26:41.230 に答える
0

問題の解決策:

https://stackoverflow.com/a/7660978/1256403

また

http://buildinternet.com/2009/07/quick-tip-resizing-images-based-on-browser-window-size/

于 2012-11-12T04:30:43.360 に答える