756322 - "CSS triangle" is rendered with border / Transparent solid border-color issue

Status: RESOLVED DUPLICATE of bug 734748

(Core :: Layout, defect)

Description

[triangle]

User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:12.0) Gecko/20100101 Firefox/12.0
Build ID: 20120420145725

Steps to reproduce:

I just want to render solid color triangle with CSS, no problem in Webkit / IE9.

Mozilla/5.0 (Windows NT 6.1; WOW64; rv:12.0) Gecko/20100101 Firefox/12.0


Actual results:

See http://css-tricks.com/snippets/css/css-triangle/
There is a short tutorial how to use CSS border to render triangles. It's based on setting independent border color for each side of div.

In Firefox, there is an issue in border rendering, when using 'transparent' as a border color for the other 3 sides. The edges of the border have gray color... It's visible only with light border colors.

You can reproduce the issue easily, just change the color of the last example triangle from green to #eeeeee (You can use Firebug).

http://img51.imageshack.us/img51/9161/c3c8a9e8e2fd4089824d03e.png
http://img207.imageshack.us/img207/8627/fac288314ea54f70aa97ac9.png




Expected results:

http://img7.imageshack.us/img7/4908/5fe064c35c3b49bcb8c18f5.png

Comment 1

[mjh563]

I think this is a duplicate of bug 734748.

Comment 2

[triangle]

Yes, 734748 is a report of the same bug. I'm sorry, I searched the bug directory, but I used different keywords...