Ich erlebe etwas Ghosting, artifacting, oder einfach nur allgemeine wonkiness wenn eine Box Schatten auf Internet Explorer 9.Box-Schatten-Ghosting in Internet Explorer 9
Ziel verwenden möchten, ist eine Gruppe von Textbereichen zu haben, dass Wenn fokussiert, wird mit einem Box-Schatten markiert. Dies wird ohne Probleme in den meisten Browsern arbeitet, aber wenn sie durch Elemente in IE9 Radfahren, ich das folgende Verhalten zu sehen:
In dem obigen Beispiel wird der dritte Textbereich verliert auf den zweiten Textbereich konzentrieren. Die linke und rechte Seite des Boxschattens verschwinden nicht im dritten Textbereich und erscheinen nicht im zweiten Textbereich.
Der Code zu reproduzieren ist unten. Das Problem tritt auf, wenn der Fokus zwischen dem zweiten und dritten Textbereich umgeschaltet wird.
HTML
<label>Text Area 1:</label>
<textarea class="sampleClass"></textarea><br /><br />
<label>Text Area 2:</label>
<textarea class="sampleClass"></textarea><br /><br />
<label>Text Area 3:</label>
<textarea class="sampleClass"></textarea><br /><br />
CSS
.sampleClass
{
border:1px solid #ccc;
}
.sampleClass:focus
{
box-shadow: 0px 0px 12px rgba(255,0,0,.8);
}
Der Code auch here zu sehen ist.
Was genau passiert hier?
Wrapping sie in einem div http://jsfiddle.net/vfKEp/3/ oder einfach geben "Textarea" anzeigen: Block http://jsfiddle.net/vfKEp/2/ scheint das Problem zu lösen. Das ist immer noch bizarr. – carpenumidium