1920x650の画像と、その左下に透明な水平の長方形があります。画像に合わせて拡大縮小することができました。問題は、幅をより多く失うような方法で拡大縮小する方法がわからないことです。imgに正確に比例します。
.container{
position: relative;
width: 100%;
height: 100%;}
.bg-img{
display:block;
position: relative;
width: 100%;
height: 100%;
z-index:1;}
.transblock{
position:absolute;
width:44%;
height:6%;
top:90%;
left:0%;
z-index:5;}
http://jsfiddle.net/FA7XE/2/-全画面表示を開始し、ウィンドウを縮小します-ボックスとテキストが中央に移動しすぎます。(画像と完全に一致しますが、この場合は悪いことです:()。下のメニューと比較して、画像を所定の位置に保持したいと思います。その方法について何かアイデアはありますか?ありがとうございます。