Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.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
Jquery Google Chrome和Firefox-div的不同排序_Jquery_Css_Cross Browser_Z Index - Fatal编程技术网

Jquery Google Chrome和Firefox-div的不同排序

Jquery Google Chrome和Firefox-div的不同排序,jquery,css,cross-browser,z-index,Jquery,Css,Cross Browser,Z Index,很简单: 在Chrome上,ABC按钮位于.moreinfodiv上方,在Firefox中,ABC按钮位于下方。为什么会发生这种情况以及如何修复?据我所知,Firefox做的是正确的 一旦删除-webkit过滤器,它也会在Chrome中损坏: 显然,Chrome只在顶部显示ABC按钮,因为-webkit过滤器。我不能说这是否是一个bug 无论如何,您可以使用.info.dugmici上的位置:relative解决所有浏览器中的问题 固定演示:

很简单:


在Chrome上,ABC按钮位于
.moreinfo
div上方,在Firefox中,ABC按钮位于下方。为什么会发生这种情况以及如何修复?

据我所知,Firefox做的是正确的

一旦删除
-webkit过滤器
,它也会在Chrome中损坏:

显然,Chrome只在顶部显示ABC按钮,因为
-webkit过滤器
。我不能说这是否是一个bug

无论如何,您可以使用
.info.dugmici
上的
位置:relative
解决所有浏览器中的问题

固定演示: