Question

检查Typekit'徽章'（用于在其免费计划中宣传该服务的固定位置'错误'）我遇到了以下内容：

z-index: 2e+09

我对这个价值感到困惑 - 任何人都可以帮我解读它吗？谢谢

编辑：link to example

Answer 1

2e+09是2x10 ⁹（称为scientific notation）或2,000,000,000的符号。它实际上来自SVG（以及JavaScript），在CSS，中技术上无效，但大多数浏览器无论如何都会实现它，就像在所有其他情况下一样，SVG和CSS数字匹配，他们宁愿只为数字维护一个解析器，而不是两个。

实际上，经过检查，我错了;我尝试过的浏览器（Chrome，Firefox，Safari和Opera）似乎忽略了CSS中使用科学记数法设置的值。所以，这实际上什么都不做（它被视为z-index根本没有设置，默认z-index为0），但意图可能是将bug放在所有其他内容上在页面上。 CSS标准化邮件列表中目前有some debate关于是否应该允许在CSS中使用电子符号;在讨论中提到某些浏览器已经支持它，但我尝试的那些似乎并不支持。

您可以使用以下测试用例测试支持。如果支持科学记数法，那么绿色div应该在顶部;如果它不受支持，因此默认为z-index: 0，它将位于底部，如果它只解析尾数而不是指数（我可以想象某些错误的浏览器在做），它就会在中间。

<!DOCTYPE html><title>Scientific notation test</title>
<style>div { width: 100px; height: 100px; position: absolute; }</style>
<div style="background: red; left: 0px; z-index: 1;"></div>
<div style="background: green; left: 25px; z-index: 2e+09;"></div>
<div style="background: blue; left: 50px; z-index: 2;"></div>

Answer 2

2e+09是一种指数表示法。它意味着2次10到9次幂，或2000000000.他们试图将z-index设置得尽可能高。

Answer 3

2e+09是一个非常高数字的科学记数法; a 2，然后是9 0（2,000,000,000）

阅读more about Scientific Notation

Answer 4

2,000,000,000或20亿，这也是2 X 10 ^ 9，因为那是科学记数法。

Answer 5

它基本上意味着非常大的价值（2,000,000,000）。设计师可能会写这篇文章以确保没有任何内容被绘制出来。

帮我解读“z-index：2e + 09”

5 个答案: