小编use*_*913的帖子

我已经创建了一个在Google Chrome和Firefox中运行良好的网站,但是当我在Internet Explorer中运行它时,我遇到了问题.

所以,我的索引页面上有2个幻灯片,但只有一个应该以特定的屏幕分辨率显示.我创建了一些媒体查询,所以我可以设置一个display:none;我不需要的幻灯片.并使我再次出现,display:initial;但Internet Explorer不支持该命令.

我需要一种方法来显示我display:none;在Internet Explorer 中看不到的内容.

PS:使用visibility:hidden;不是一种选择,因为它不应该保留空间.

如果你能帮助我,请回复.如果你不能,我还是感谢你读这篇文章.

这是代码的来源; 它可能会有所帮助(我不确定如何正确发布,抱歉):

<section id="containerGrotePage">
    <div id="page">
    <ul id="slider">
        <li><img src="images/slideshow/image2.jpg" alt="slideshow foto 1" /></li>
        <li><img src="images/slideshow/image1.jpg" alt="slideshow foto 2" /></li>
        <li><img src="images/slideshow/image3.jpg" alt="slideshow foto 3" /></li>
        <li><img src="images/slideshow/image4.jpg" alt="slideshow foto 4" /></li>
    </ul>
</div>
</section>

<div id="pageKlein">
    <ul id="sliderKlein">
        <li id="kleineSlideLi">
            <img id="fotoslideshowKlein" src="images/slideshow/image1.jpg" alt="slideshow foto 1" />
        </li>
    </ul>
<button onclick="slideshowKlein()" id="indexkleineSlideshowKnop">volgende</button>
</div>

这是我在最小的屏幕上做的:

#containerGrotePage{
display:none;
}
#page{
display:none;
}       
#kleineSlideLi{ …