Html firefox中没有显示旋转木马的图像
“我的旋转木马”的图像不会显示,只有在Firefox中以及当您最大化浏览器时才会显示。我可以看到转盘底部的控件,上面写着“下一个”和“上一个” 在chrome和IE中,当你最小化Firefox浏览器时,一切都很好Html firefox中没有显示旋转木马的图像,html,css,carousel,Html,Css,Carousel,“我的旋转木马”的图像不会显示,只有在Firefox中以及当您最大化浏览器时才会显示。我可以看到转盘底部的控件,上面写着“下一个”和“上一个” 在chrome和IE中,当你最小化Firefox浏览器时,一切都很好 #猫头鹰演示{ 显示:块; 宽度:100%; 高度:自动; } 检查链接中的JS代码和CSS它们已断开 控制台- Failed to load resource: the server responded with a status of 404 (Not Found) http:
#猫头鹰演示{
显示:块;
宽度:100%;
高度:自动;
}
检查链接中的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
我不完全确定,但我认为这是因为你没有正确关闭你的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>
首先确保您没有任何@media定义可以取出旋转木马,如果不是这样的话 寻找这个css定义 @media all和(transform-3d),(-webkit-transform-3d){ 改为 @media all和(transform-3d),(-webkit-transform-3d),(-moz-transform-3d){ firefox如何处理transform-3d问题 也
然后检查是否有用于定义位置的旋转木马的css定义。请确保取出“位置”属性并重试。希望它对您有效。我尝试了,但没有成功。当我在firefox中最小化浏览器时,图像会显示……而不是当浏览器最大化时。
<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>