javascript - Firefox 不接受我在带有图像的 div 上的宽度和高度规范

Question

http://henrybuiltfurniture.com/new/furniture.html

包含未显示为具有任何宽度的图像的 div 的 css:

.wide{
    width:5000px;
    height:100%;
    overflow: hidden;
    z-index: 1;
    display:none;
}

div 的 html:

<div class="wide">
    <div id="limiter1" class="limiter"><div class="cont"><img src="1.jpg" id="img1" onload="bump();" class="slideimage" alt="img1"/></div></div>
    <div id="limiter2" class="limiter"><div class="cont"><img src="2.jpg" id="img2" onload="bump();" class="slideimage"/></div></div>
    <div id="limiter3" class="limiter"><div class="cont"><img src="3.jpg" id="img3" onload="bump();" class="slideimage"/></div></div>
    <div id="limiter4" class="limiter"><div class="cont"><img src="4.jpg" id="img4" onload="bump();" class="slideimage"/></div></div>
    <div id="limiter5" class="limiter"><div class="cont"><img src="5.jpg" id="img5" onload="bump();" class="slideimage"/></div></div>
</div>

div 在 safari 和 chrome 上显示得很好。我该如何解决这个问题？

Answer 1

尝试添加以下 CSS。我猜这可能是图像不显示的原因:

html, body{
    height:100%;
}

此外，您还在 CSS 中设置了 display:none;。如果您想显示包含图像的 div，请将其删除。