1

私が取り組んでいるサイトでは、translate3dを使用してそれに応じてスタイルを設定するCSSがあります。 例:IEの古いバージョンのtranslate3dタイプエフェクトを行う方法

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

しかし、私は今、IEの古いバージョンではこの問題に対処する必要があります。それ以外の方法はありますか?フィルターやそれ以外のものを使用する方法はありますか?

+0

古いIEのバージョンは、フィルタを持っているし、それは...非常によく似たことを行う条件付きコメントを経てバージョンを対象とし、目的の要素(複数可) – albert

+0

多分便利に独自styles.apisを適用することができます影響します。http: //stackoverflow.com/questions/10651734/css-transforms-in-ie7 – Turnip

答えて

1

おそらく負の余白が役立ちます:margin-left: -133px; margin-top: -8px;親要素のスタイルに依存する可能性があります。

+0

ありがとう@pavelccz !!!このように見える私は必要なものを完全に動作します。 translate3dに3つの値が指定されている場合、どのように処理すればよいか分かりませんが、幸いにも私のケースでは3番目の状態がすべて0になっています。 – whatsTheDiff

0

上記の@pavelcczで示されているように余白を変更すると、ほとんどの場合に最適です。私の場合のようにこれをリーフレットに遭遇すると、リーフレットはグローバルなスイッチを提供し、マップ全体に同じ影響を与えるでしょう。その状況では、 "L_DISABLE_3D = false"のスイッチを使用するのが最も実用的です。ドキュメントに記載されているとおり、これはパフォーマンスに影響する可能性がありますが、この問題に対処するグローバルな方法です。

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

関連する問題