gpt4 book ai didi

html - 全宽背景 slider Wordpress

转载 作者:行者123 更新时间:2023-11-28 12:53:03 25 4
gpt4 key购买 nike

您好,我正在尝试制作一个顶部有标题的网站,以及在背景中循环显示一些图像的 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) }

最佳答案

去掉括号内的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/

关于html - 全宽背景 slider Wordpress,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16773218/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com