Артефакты на IE10 с использованием преобразования перспективы CSS3

Question

У меня возникает проблема в Internet Explorer 10 при использовании свойства CSS transform для изменения 3D-перспективы.

Случайные артефакты появляются на краю некоторых элементов, содержащихся в элементе, с примененной перспективой.

Я создал простую скрипку, чтобы продемонстрировать вопрос: http://jsfiddle.net/b9ztC/

Чтобы воспроизвести, просто открыть скрипку и попытаться выбрать, нажмите или поиграйте с текстом, это приводит следующие артефакты появляются/исчезает вокруг элемента абзаца:

Больше линий и артефакты появляются в более сложных сценариях, и причина, кажется, следующая строка CSS:

transform: perspective(800px); 

Единственные пути решения проблемы кажутся:

• не имеют перспективы, приложенный к элементу
• установки преобразования перспективы для 0px
• использования perspective: 800px, вместо transform: perspective(800px)

Последнее кажется простым решением, но в некоторых сценариях это не работает, следующие 3 D, например, с демонстрацией карты (например, с той же проблемой артефактов на обратной стороне карты с использованием IE10), при использовании свойства перспективы отдельно от преобразования вращения: http://www.cssplay.co.uk/menu/css3-3d-card.html

У кого-нибудь возникла эта проблема? Есть ли способ предотвратить это?

Я также хотел бы знать, если это происходит на каждой машине, или это может быть проблема, связанная с оборудованием.

Answer 1

Я вижу более или менее ту же проблему, хотя только с левой стороны div, она изменяется в зависимости от преобразования. Кажется, что фон проходит через края линии.

Я нахожусь в Windows 7 x64 с Radeon HD 4670 (Catalyst 13.1), используя IE 10.0.9200.16686 (KB2870699).

Единственное практическое обходное решение, которое я нашел до сих пор, заключается в применении прокладки на внутреннем элементе, то есть на p, а не на div. Однако я не уверен, действительно ли заполнение является триггером, поэтому это может быть неприменимо в других ситуациях.