html - 全宽背景滑块 Wordpress

Question

嗨，我正在尝试制作一个顶部有标题的网站，以及在背景中循环播放一些图像的 div。目前我正试图让它显示一个响应屏幕尺寸的图像，所以无论背景图像上的哪个屏幕都会缩放以适应高度和宽度。我遇到的问题是，如果没有硬编码的宽度或高度，我似乎无法显示任何内容。

这是我到目前为止所拥有的

横幅.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)  }

Answer 1

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/