Benutzer:Schinken/CSS-IE-Crash: Unterschied zwischen den Versionen
< Benutzer:Schinken
(→DEMO) |
|||
| Zeile 30: | Zeile 30: | ||
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 | 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 | ||
| + | |||
| + | <googreet></googreet> | ||
Version vom 10. September 2013, 15:34 Uhr
DEMO
A demo can be found here: http://schinken.github.io/experiments/iecrash/crash.html
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 IE8/9 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 Internet Explorer 8/9 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
<googreet></googreet>
