Html 如何在a<；李>；？

我有一个滑块，里面有4个项目

CSS

HTML

1.


2.


3.


4.

滑块是完美的工作，但现在我想在排序，每个李有它自己的背景100%宽度和100%高度

它可以是jQuery、javascript

我怎样才能做到这一点呢？

试试看

#section_3 ul li.sec1{background:url('../imgs/bg1.jpg') no-repeat; height:600px; background-size: 100% 100%;}
#section_3 ul li.sec2{background:url('../imgs/bg2.jpg') no-repeat; height:600px; background-size: 100% 100%;}
#section_3 ul li.sec3{background:url('../imgs/bg1.jpg') no-repeat; height:600px; background-size: 100% 100%;}
#section_3 ul li.sec4{background:url('../imgs/bg2.jpg') no-repeat; height:600px; background-size: 100% 100%;}

这是CSS中的一个简单修复。如果你想用Javascript来做，试试看

document.getElementById（“id of li”）.style.backgroundSize=“100%100%”

查看w3schools教程：
您不能以跨浏览器方式缩放CSS背景图像。您需要将图像放入html（
），将其绝对定位在
中以将其从流中取出，并使用CSS（甚至可能是JS，具体取决于您的情况）将图像缩放到
的100%大小您是否尝试过使用CSS背景大小：100%100%；？它必须是跨浏览器兼容的：这是CSS3，因此不能跨浏览器兼容，因为大多数用户仍在使用IE8，甚至IE7。Yeah似乎是唯一的方式，如以下示例：
<div id="section_3" class="overflow">
        <ul id="slider">
            <li class="sec1">
                <h1>1</h1>
            </li>
            <li class="sec2">
                <h1>2</h1>
            </li>
            <li class="sec3">
                <h1>3</h1>
            </li>
            <li class="sec4">
                <h1>4</h1>
            </li>
        </ul>
    </div>

#section_3 ul li.sec1{background:url('../imgs/bg1.jpg') no-repeat; height:600px; background-size: 100% 100%;}
#section_3 ul li.sec2{background:url('../imgs/bg2.jpg') no-repeat; height:600px; background-size: 100% 100%;}
#section_3 ul li.sec3{background:url('../imgs/bg1.jpg') no-repeat; height:600px; background-size: 100% 100%;}
#section_3 ul li.sec4{background:url('../imgs/bg2.jpg') no-repeat; height:600px; background-size: 100% 100%;}