java z index,Z-INDEX的最小值和最大值

回答(12)

e15298c6a3b4591803e154ab0c3b3e2e.png

2 years ago

我发现,如果z-index不能正常工作,因为它的父/兄弟没有指定的z-index .

所以如果你有:

对于点击/悬停空间,第3项甚至#4可能正在争夺#2,但是如果你将#1设置为z-index 0,那么z-index将它们放在独立堆栈中的兄弟姐妹现在处于相同的堆栈中并将z-index正确 .

e15298c6a3b4591803e154ab0c3b3e2e.png

2 years ago

我的测试显示 z-index: 2147483647 是最大值,在OS 3.0的FF 3.0.1上测试过 . 我发现了一个整数溢出错误:如果你输入 z-index: 2147483648 (这是2147483647 1),该元素就会落后于所有其他元素 . 至少浏览器不会崩溃 .

要学习的教训是,你应该注意为 z-index 属性输入太大的值,因为它们会环绕 .

e15298c6a3b4591803e154ab0c3b3e2e.png

2 years ago

┌──────────────────────┬───────────────────┬──────────────────────────────────┐

│ Browser │ Max z─index value │ When exceeded, value changes to: │

╞══════════════════════╪═══════════════════╪══════════════════════════════════╡

│ Firefox 0 - 2 │ 2147483647 │ element disappears │

├──────────────────────┼───────────────────┼──────────────────────────────────┤

│ Firefox 3 │ 2147483647 │ 0 │

├──────────────────────┼───────────────────┼──────────────────────────────────┤

│ Firefox 4+ │ 2147483647 │ 2147483647 │

├──────────────────────┼───────────────────┼──────────────────────────────────┤

│ Safari 0 - 3 │ 16777271 │ 16777271 │

├──────────────────────┼───────────────────┼──────────────────────────────────┤

│ Safari 4+ │ 2147483647 │ 2147483647 │

├──────────────────────┼───────────────────┼──────────────────────────────────┤

│ Internet Explorer 6+ │ 2147483647 │ 2147483647 │

├──────────────────────┼───────────────────┼──────────────────────────────────┤

│ Chrome 29+ │ 2147483647 │ 2147483647 │

├──────────────────────┼───────────────────┼──────────────────────────────────┤

│ Opera 9+ │ 2147483647 │ 2147483647 │

└──────────────────────┴───────────────────┴──────────────────────────────────┘

e15298c6a3b4591803e154ab0c3b3e2e.png

2 years ago

根据经验,我认为正确的最大值 z-index 是2147483638 .

e15298c6a3b4591803e154ab0c3b3e2e.png

2 years ago

e15298c6a3b4591803e154ab0c3b3e2e.png

2 years ago

Z-Index仅适用于已应用 position: relative; 或 position: absolute; 的元素 . 如果那个's not the problem we' ll需要看一个示例页面更有帮助 .

编辑:好医生已经给出了最全面的解释,但快速版本是最小值为0,因为它不能是负数和最大值 - 好吧,对于大多数设计,你永远不需要超过10 .

e15298c6a3b4591803e154ab0c3b3e2e.png

2 years ago

上面的用户说“好吧,对于大多数设计,你永远不需要超过10 . ”

根据您的项目,您可能只需要z-indexes 0-1或z-indexes 0-10000 . 你经常需要玩更高的数字......特别是如果你正在使用灯箱 Spectator (9999似乎是标准,如果你想要超越他们的z-index,你需要超过它!)

e15298c6a3b4591803e154ab0c3b3e2e.png

2 years ago

一个奇怪的事实,如果您使用像Firebug这样的编辑器并在 z-index 中放入一个大数字,浏览器将用最大值替换最大插值

e15298c6a3b4591803e154ab0c3b3e2e.png

2 years ago

'z-index'值:auto | |继承

某些值类型可能具有整数值(由表示)或实数值(由表示) . 实数和整数仅以十进制表示法指定 . 由一个或多个数字“0”到“9”组成 . 可以是,也可以是零个或多个数字后跟一个点( . )后跟一个或多个数字 . 整数和实数都可以在前面加上“ - ”或“”来表示符号 . -0相当于0,不是负数 . 请注意,允许将整数或实数作为值的许多属性实际上将值限制为某个范围,通常为非负值 .

所以基本上CSS标准中的z-index值没有限制,但我猜大多数浏览器在实践中将它限制为带符号的32位值(-2147483648到2147483647)(64会有点偏离顶部,它不会这些天使用少于32位的东西是有意义的)

e15298c6a3b4591803e154ab0c3b3e2e.png

2 years ago

这取决于浏览器(尽管所有浏览器的最新版本最大值应为2147483638),浏览器在超过最大值时的反应也是如此 .

e15298c6a3b4591803e154ab0c3b3e2e.png

2 years ago

虽然 INT_MAX 可能是最安全的赌注,但WebKit显然在内部使用双打,从而允许非常大的数字(达到一定的精度) . LLONG_MAX 例如工作正常(至少在64位Chromium和WebkitGTK中),但将四舍五入到9223372036854776000 .

(虽然你应该仔细考虑你是否真的,真的需要这么多z指数......) .

e15298c6a3b4591803e154ab0c3b3e2e.png

2 years ago

Z-index 的最小值为 0 ;最大值取决于浏览器类型 .

1ef0ba61-e2e9-45ac-b345-3f4f59ca1f71.jpg

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值