如何解决在Webkit浏览器上使用jQuery读取和设置z-index值
||jQuery(\"#X\").css(\"z-index\");
在Webkit浏览器中始终返回\“ auto \”。在Firefox上可以正常工作。
看来您也无法使用以下方式设置z-index:jQuery(\"#X\").css(\"z-index\",5);
测试用例如下:
<!DOCTYPE html>
<html lang=\"en\">
<head>
<Meta charset=\"utf-8\">
<title>jQuery CSS Z-index Fail</title>
<script src=\"http://code.jquery.com/jquery-1.6.1.min.js\"></script>
<script type=\"text/javascript\">
$(document).ready(function(){
$(\"#X\").css(\"z-index\",5);
$(\"#Y\").append($(\"#X\").css(\"z-index\"));
});
</script>
<style type=\"text/css\">
h1 {z-index: 3;}
</style>
</head>
<body>
<h1 id=\"X\">Some Text</h1>
<div id=\"Y\"> Z-index is: </div>
</body>
</html>
解决方法
您需要指定位置以使用z-index。
<h1 id=\"X\" style=\'position:relative;\'>Some Text</h1>
立即在Chrome中修复。
, 尝试
zIndex
,而不是z-index
。
, Webkit浏览器的一个已知问题,在此处详细介绍
我理解它混淆了计算的z-index是自动的
您已经使用.css专门设置了一个,但是RAMilewski很好
要指出的是,在不同的浏览器中,计算出的z-index会有所不同。
我们可以撒谎(在某种意义上)并说正在应用设定的内容
这样返回值是一致的,或者用户可以意识到
如果未设置其他样式,则不会应用z-index
z-index工作。我正在关闭wontfix,因为我怀疑这不会
我们会改变的,但是如果有人不同意,我们可以重新开放
未来。
标记的分辨率无法解决。因此,不要指望它会很快消失。
Jqueryu UI的zIndex函数似乎也有同样的问题:
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。