Firefox不接受与图像

http://henrybuiltfurniture.com/new/furniture.html Firefox不接受与图像

为包含显示不具有任何宽度图像的DIV的CSS一个div我的高度和宽度规格：

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

的html为div：

<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上显示得很好。我怎样才能解决这个问题？

来源

2014-01-15 maxhud

究竟问题出在 -

.wide div.limiter{ overflow: hidden; position: absolute; }

应替换？如果你期望它是可见的，'display：none;'是不会帮助的。 – brandonscript

当我检查你的元素时，它们都有0px的高度（包括“宽”容器和“限制器”子div）。你看到任何可能的原因吗？他们的身高是如何计算的？ – user1853181

尝试增加以下CSS.I想这可能是图像无法显示的原因：

html, body{ 
    height:100%; 
}

你也有你的CSS.Remove它display:none;集，如果你想显示你的含div图片。

来源

2014-01-15 06:36:57 Zword

接受时，可以。显示：没有是故意的，稍后还原 – maxhud

好吧然后你尝试添加我的回答中显示的CSS – Zword

@maxhud我在我的答案中测试了CSS的样式编辑器中的CSS和它的工作。所以我100％肯定这是正确的解决方案 – Zword

可能，这是什么原因造成的： - ：

.wide div.limiter{    
        position: absolute; 
       }

来源

2014-01-15 06:38:45 Anup

看你的问题解决..！ – Anup

Firefox不接受与图像

回答

相关问题