CSS 3 transform 属性的 BUG分析介绍
更新时间：2016年10月10日 07:06 点击：1779
下面我们来看一篇关于CSS 3 transform 属性的 BUG问题分析希望文章能够帮助到各位了解CSS 3 transform 属性的 BUG吧。
最近在弄一个功能，需要通过弹窗来显示内容，取舍并尝试之后选择利用 CSS 3 transform 属性的 translate() 参数来实现弹窗的居中定位。
鼓捣了半天，测试 Chrome 完全正常，Edge 也正常，恩，到这里我觉得自己已经看到结局了，万万没想到，打开 IE 11 之后直接气的吐血！设置的 transform 属性竟然完全无效，说好的 IE 9 及以上就可以兼容的呢？怎么和想象中的不一样呀！
之前尝试各种让元素水平加垂直居中的方法，都各种因为什么表格嵌套啊，兼容性啊，适用性啊，或多或少的出现了问题，好不容易决心抛下 IE 8 用 transform，结果又给我来这一出。
发现问题
当时我都打算干脆让整个 IE 全部滚蛋好了，计划让 IE 系列除了 Edge 全部只用 margin: auto; 大法左右居中，于是去问了一下 IE 的专有 hack，发现自从 IE 10 开始就没有 hack 了……
愤怒瞬间用上心头，啊喂，微软你浏览器没法自动升级，早晚跟不上时代，还不让人单独照顾了是吧！还非得别人统一来迁就你是吧！
解决方法
我一向不喜欢用 JS 来控制样式，最终还是一边痛骂微软全家，一边口嫌体正直的抱着最后一丝希望的真的只是随手的使用 IE 11 打开了 W3School 关于 translate() 的演示页面，啊咧，怎么有效呢？
难不成是 IE 11 不支持 translate() 的值为百分比？于是尝试用调试台把数值改成了百分比，竟然是有效的。
？？？什么情况？？？
经过一番折腾，最终得出结论：translate() 在 IE 下，括号的旁边是不能加空格的，一加就无效。
而类似的 rgba() 就没这个问题，真是让人匪夷所思的 BUG，逼死强迫症的节奏。
翻了下，其实 WordPress 核心中的 CSS 也发现了这个问题，并且加上了一段注释。
s
相关文章
- 这篇文章主要介绍了C# 字段和属性的的相关资料，文中示例代码非常详细，供大家参考和学习，感兴趣的朋友可以了解下...2020-11-03
- js修改input的type属性有些限制。当input元素还未插入文档流之前，是可以修改它的值的，在ie和ff下都没问题。但如果input已经存在于页面，其type属性在ie下就成了只读属性了，不可以修改。...2013-10-19
- 因此，正确的原子操作是真正被执行过的。是物理执行。在当前事务中确实能看到插入的记录。最后只不过删除了。但是AUTO_INCREMENT不会应删除而改变值。1、为什么auto_increament没有回滚？因为innodb的auto_increament的...2014-05-31
- 这篇文章主要为大家介绍了Vue的计算属性，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助...2021-11-16
- Promise是异步编程的一种解决方案，在ES6中Promise被列为了正式规范，统一了用法，原生提供了Promise对象。接下来通过本文给大家介绍Promise的介绍及基本用法，感兴趣的朋友一起看看吧...2021-10-21
- 索引并不是时时都会生效的，比如以下几种情况，将导致索引失效： 1.如果条件中有or，即使其中有条件带索引也不会使用(这也是为什么尽量少用or的原因) 注意：要想使用or，又想让索引生效，只能将or条件中的每个列都加上索引 ...2014-06-07
- 这篇文章主要介绍了jquery的方法属性,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下...2021-11-10
C# Dynamic关键字之:调用属性、方法、字段的实现方法
本篇文章是对C#中调用属性、方法、字段的实现方法进行了详细的分析介绍，需要的朋友参考下...2020-06-25- 这篇文章主要介绍了C# 列表List的常用属性和方法介绍，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧...2021-04-12
- 本文主要讲述了利用Python网络爬虫对指定京东商城中指定商品下的用户评论进行爬取，对数据预处理操作后进行文本情感分析，感兴趣的朋友可以了解下...2021-05-28
- 这篇文章主要介绍了关于vue属性使用和不使用冒号的区别说明，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧...2020-10-22
- Underscore 是一个 JavaScript 工具库，它提供了一整套函数式编程的实用功能，但是没有扩展任何 JavaScript 内置对象。这篇文章主要介绍了underscore源码分析相关知识，感兴趣的朋友一起学习吧...2016-01-02
- 这篇文章主要介绍了JavaScript中关联原型链属性特性的相关资料,需要的朋友可以参考下...2016-02-18
PHP中print_r、var_export、var_dump用法介绍
文章详细的介绍了关于PHP中print_r、var_export、var_dump区别比较以及这几个在php不同的应用中的用法，有需要的朋友可以参考一下 可以看出print_r跟var_export都...2016-11-25- Google是这样介绍PageRank的： Google 出类拔萃的地方在于专注开发“完美的搜索引擎”，联合创始人拉里·佩奇将这种搜索引擎定义为可“确解用户...2017-07-06
Framewrok7 视图介绍（views、view）使用介绍
下面我们来看一篇关于Framewrok7 视图介绍（views、view）使用介绍吧，希望这篇文章能够帮助到各位朋友。 一、Views 与View的介绍 1，Views (<div class="views">) （1）Vi...2016-10-02- 这篇文章主要介绍了在Vue中获取自定义属性方法:data-id的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧...2020-09-09
- 这篇文章主要给大家介绍了关于JavaScript中全局属性与方法的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用JavaScript具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧...2020-06-14
Fatal error: Cannot redeclare class 原因分析与解决办法
我使用的都是php __autoload状态自动加载类的，今天好好的程序不知道怎么在运行时提示Fatal error: Cannot redeclare class 了，看是重复定义了类，下面我来分析一下解决办...2016-11-25- 本篇文章主要是对C#类中属性与成员变量的使用进行了总结介绍，需要的朋友可以过来参考下，希望对大家有所帮助...2020-06-25