Benutzer:Schinken/CSS-IE-Crash: Unterschied zwischen den Versionen
< Benutzer:Schinken
(Die Seite wurde neu angelegt: „== IE 8/9 crashes with simple css == A combination of a filter-gradient and text-transform specified on a :filter-letter pseudo selector crashes the IE7/8 rep…“) |
|||
| Zeile 20: | Zeile 20: | ||
causes ie 7/8 to crash | causes ie 7/8 to crash | ||
| + | |||
| + | == Explanation == | ||
| + | |||
| + | I only can guess here. I think its kind of a redraw loop. The gradient gets drawed, the first letter uppercased, which invalidates the background... etc. | ||
| + | |||
| + | Bug has also been filed here: https://connect.microsoft.com/IE/feedback/details/790265/combination-of-filter-and-first-letter-text-transform-uppercase-freezes-ie8-9 | ||
== DEMO == | == DEMO == | ||
A demo can be found here: http://schinken.github.io/experiments/iecrash/ | A demo can be found here: http://schinken.github.io/experiments/iecrash/ | ||
Version vom 10. September 2013, 16:14 Uhr
IE 8/9 crashes with simple css
A combination of a filter-gradient and text-transform specified on a :filter-letter pseudo selector crashes the IE7/8 reproducable
.trwurst {
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f5ed', endColorstr='#e8e5db',GradientType=0);
}
.trwurst:first-letter {
text-transform: uppercase;
}
applied on a simple html element:
<div class="trwurst">hi</div>
causes ie 7/8 to crash
Explanation
I only can guess here. I think its kind of a redraw loop. The gradient gets drawed, the first letter uppercased, which invalidates the background... etc.
Bug has also been filed here: https://connect.microsoft.com/IE/feedback/details/790265/combination-of-filter-and-first-letter-text-transform-uppercase-freezes-ie8-9
DEMO
A demo can be found here: http://schinken.github.io/experiments/iecrash/
