#ie-fix

[voilask]

Internet Explorer 10/11 fix

Úgy néz ki van remény az IE conditional comment-en túl.

9-es explorerig működik a feltételes IE koomment:

<!--[if IE]> According to the conditional comment this is IE<br /> <![endif]-->

http://www.quirksmode.org/css/condcom.html

Redmondban azt hiszik, hogy szabványos az IE 10+ így nincs többé szükség a komment fixre. Sajnos még előfordulnak hiányosságok, nálam az .svg grafika megjelenítésénél adódott probléma. A megoldás szerencsére egyszerű, IE10+ nal használt “-ms-high-contrast” media query segítségével:

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ CSS styles go here */ }

https://philipnewcomer.net/2014/04/target-internet-explorer-10-11-css/

[allenchy-blog]

ZOOM是IE的靈丹妙藥

CSS裡面的zoom:1;的作用在於設定目標物件的屬性「hasLayout」為ture。而當一個物件有設置長闊的話，都視為「hasLayout」true。

除左zoom，我地重可以利用其他css屬性去設置「hasLayout」，如下：

display : inline-block, height : any value, float : left or right, position : absolute, width : any value, writing-mode : tb-rl, zoom : any value

利用設置「hasLayout」我地可以解決ie上的大部份排版問題如 : filter失效和float等問題。