0

こんにちは、上部にヘッダーがあり、バックグラウンドでいくつかの画像をループする div を持つ Web サイトを作成しようとしています。現時点では、画面サイズに応答する1つの画像を表示するようにしようとしているので、背景画像のどの画面でも高さと幅に合わせてスケーリングされます。私が抱えている問題は、幅または高さがハードコードされていないと何も表示できないように見えることです。

これが私がこれまでに持っているものです

バナー.php

<div id="banner">
<div class="bgslider"></div>      
</div>

グローバル.css

/* BANNER */
#banner { style="width:100%; height:100%; position:fixed; left:0;top:50;overflow:hidden; background:#F00; }
.bgslider { style="width:100%; height:750px; position:fixed; left:0;top:50;overflow:hidden; background-image:url(../images/banners/trawberry_Mockup.jpg)  }
4

1 に答える 1

0

style="かっこの中から取り出す

これを試して

#banner { width:100%; height:100%; position:fixed; left:0;top:50;overflow:hidden; background:#F00; }
.bgslider { width:100%; height:100%; position:fixed; left:0;top:50;overflow:hidden; background-image:url(../images/banners/trawberry_Mockup.jpg);background-size:cover;  }

http://jsfiddle.net/EE2Jc/

于 2013-05-28T04:49:49.140 に答える