2014-04-16 68 views
0

我的傳送帶的圖像未顯示,僅在Firefox中以及您最大化瀏覽器時顯示。我可以看到旋轉木馬底部的控件,它在下一頁和上一頁說明。傳送帶的圖像未顯示在Firefox中

在Chrome和IE中,以及在最小化Firefox瀏覽器時,所有內容都顯示正常。

http://www.henschen.com/siteTemplates/2014-16/

<div id="owl-demo" class="owl-carousel owl-theme"> 
    <div class="item"><img src="images/slider1.png" alt="test"></div> 
    <div class="item"><img src="images/slider2.png" alt="test"></div> 
    <div class="item"><img src="images/slider3.png" alt="test"></div> 
</div> 

#owl-demo .item img { 
     display: block; 
     width: 100%; 
     height: auto; 
} 

回答

0

檢查你的鏈接,JS代碼和CSS都碎

控制檯 -

Failed to load resource: the server responded with a status of 404 (Not Found) http://www.henschen.com/siteTemplates/2014-16/css/google-code-prettify/prettify.css 
Failed to load resource: the server responded with a status of 404 (Not Found) http://www.henschen.com/siteTemplates/2014-16/css/google-code-prettify/prettify.js 
0

我不能完全肯定,但我認爲那是因爲你沒不要正確關閉你的img標籤。 Firefox的督察給我

<img alt="test" src="images/slider1.png"></img> 

當它應該是

<img alt="test" src="images/slider1.png" /> 

你能試着改變你的代碼如下:

<div id="owl-demo" class="owl-carousel owl-theme"> 
<div class="item"><img src="images/slider1.png" alt="test" /></div> 
<div class="item"><img src="images/slider2.png" alt="test" /></div> 
<div class="item"><img src="images/slider3.png" alt="test" /></div> 
</div> 
+1

我嘗試和沒有工作。這些圖片顯示了當我最小化瀏覽器在Firefox中....只是當瀏覽器最大化時。 – user2197436

0

首先確保以確認你不有任何@media的定義,如果不是這種情況,則取出傳送帶然後

尋找這個css的定義 「@media all and(transform-3d),(-webkit-transform-3d){」 change to 「@media all and(transform-3d),(-webkit-transform-3d ),(-moz-變換3D){」 一些火狐如何如何有問題變換3D 也 然後檢查,如果你有一個定義位置轉盤任何CSS定義。確保取出位置屬性並重試。希望它能爲你工作