如何为旧版本的 IE 做 translate3d 类型效果答案

【问题标题】：How to do translate3d type effect for older versions of IE如何为旧版本的 IE 做 translate3d 类型效果
【发布时间】：2016-10-15 16:08:44
【问题描述】：

在我正在开发的一个网站上，我有使用 translate3d 来设置相应样式的 css。示例：

style="transform: translate3d(-133px, -8px, 0px);"

但是，我现在需要在旧版本的 IE 中解决这个问题。还有哪些方法可以实现？有没有办法使用过滤器或其他东西来实现它？

【问题讨论】：

旧 IE 版本具有过滤器和影响，可以做非常相似的事情...通过条件 cmets 定位版本并将专有的 styles.apis 应用于所需的元素
也许有用：stackoverflow.com/questions/10651734/css-transforms-in-ie7

标签： css internet-explorer internet-explorer-8 leaflet css-transforms

【解决方案1】：

@pavelccz 上面提到的更改边距会起作用，并且可能最适合大多数情况。在我的例子中，leaflet 遇到了这种情况，leaflet 提供了一个全局开关，它将在整个地图中产生相同的影响。对于这种情况，使用“L_DISABLE_3D = false”开关是最实用的。如文档中所述，这可能会影响性能，但这是解决此问题的全球方法。

http://leafletjs.com/reference.html#global-l_disable_3d

【讨论】：

【解决方案2】：

也许负边距会有所帮助：margin-left: -133px; margin-top: -8px; 但它可能取决于父元素样式。

【讨论】：

谢谢@pavelccz！！！看起来这将完美地满足我的需要。不知道如果 translate3d 提供了 3 个值，我将如何处理它，但幸运的是我目前没有这种情况，因为在我的情况下，第 3 个都是 0。