全宽背景滑块Wordpress

Question

嗨，我想做一个网站，顶部有一个标题，并通过一些图像在背景中的div循环。目前我只是为了让它显示一个响应屏幕尺寸的图像，所以无论您在背景图像上的屏幕尺寸如何缩放以适应高度和宽度。我遇到的问题是，我似乎无法显示任何没有硬编码宽度或高度的东西。

继承人是我迄今为止

banner.php

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

global.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/