Выравнивание псевдоэлементов различается в FFox и Chrome - PullRequest
1 голос
/ 09 января 2012

Я пытаюсь создать речевой пузырь, используя CSS, используя псевдоэлементы :: before и :: after. В Chrome это выглядит нормально, но контур треугольника в Firefox запутан. Кто-нибудь знает, что вызывает это, и если я могу это исправить?

http://jsfiddle.net/K3YSy/5/

Я использую FF 9.0.1 и Chrome 16. В Firefox я получаю странные артефакты вокруг треугольника, которые не появляются в Chrome или IE9 в этом отношении

enter image description here

Ответы [ 2 ]

0 голосов
/ 09 января 2012

Те артефакты рендеринга по краю треугольника - это то, с чем я сталкиваюсь в Firefox, когда вы устанавливаете одни границы прозрачными, а другие - другим цветом.Кажется, он не может правильно отобразить границу между цветной границей и прозрачной.К сожалению, единственный способ, который я когда-либо нашел, это исправить - установить для всех четырех цветов один цвет, но, к сожалению, в этом случае это не сработает.

0 голосов
/ 09 января 2012

Добавить -moz-border-radius: 15px; в контейнер #bubble для firefox для его рендеринга.

http://jsfiddle.net/K3YSy/13/

...