0

それらのバナーの位置を固定したい。そして、それらをサイズ変更可能にします。小さいモニターでは、バナーは好きな場所に表示されるためです。そして、それらは常に背景よりも大きくなります。ブラウザのサイズを変更すると、私が伝えようとしていることがわかります。

http://mecanik.net/theback/5/index_1.html

.tab1{background-image:url(../images/tab1.PNG); width:302px;
height:201px; background-repeat:no-repeat; display:block;
position:absolute; top:18%; left:5%;}
4

1 に答える 1

0

親 div は背景であり、既にサイズ変更されているため、画像サイズをそのパーセンテージに設定できます。パーセンテージの高さと幅は親コンテナーのものであるため、 %15 のようなものにする必要があります。それらをコンテナーの背景として表示しているため、css の background-size 属性を使用する必要があります。

background-size は、IE 8 およびそれ以前の IE バージョンを除くほぼすべてで機能することに注意してください。

.tab1 の背景を images/tab1.PNG に設定します。html img タグを削除し、以下のコードを CSS の .tab1 に追加してみてください。パーセンテージを少しいじる必要がありますが、物事の規模を拡大し始めるはずです。

    background: url(../images/tab1.png); background-size: 100% auto; height:20%; width:30%;
于 2013-01-11T13:18:36.290 に答える