Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/asp.net/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html firefox中没有显示旋转木马的图像_Html_Css_Carousel - Fatal编程技术网

Html 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:

“我的旋转木马”的图像不会显示,只有在Firefox中以及当您最大化浏览器时才会显示。我可以看到转盘底部的控件,上面写着“下一个”和“上一个”

在chrome和IE中,当你最小化Firefox浏览器时,一切都很好


#猫头鹰演示{
显示:块;
宽度: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>