检查Typekit'徽章'(用于在他们的免费计划中推广该服务的固定位置'bug')我遇到了以下内容:
z-index: 2e+09
我对这个价值感到困惑 - 任何人都可以帮我解读它吗？谢谢
编辑:链接到示例
2e+09是2x10 9的表示法(称为科学记数法),或2,000,000,000.它实际上来自SVG(以及JavaScript),在CSS中技术上无效,但是大多数浏览器无论如何都会实现它,就像在所有其他情况下一样,SVG和CSS数字相匹配,他们宁愿只为数字维护一个解析器,而不是两个.
实际上,经过检查,我错了; 我尝试过的浏览器(Chrome,Firefox,Safari和Opera)似乎忽略了CSS中使用科学记数法设置的值.所以,这实际上什么都不做(它被视为好像z-index根本没有设置,默认z-index为0),但意图可能是将错误定位在页面上的所有其他内容上.目前在CSS标准化邮件列表上存在一些争论,即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>