378965 - Outline border shines thru DIV layer

Status: RESOLVED DUPLICATE of bug 328296

(Core :: CSS Parsing and Computation, defect)

Description

[Rene Trost]

User-Agent:       Mozilla/5.0 (Macintosh; U; PPC Mac OS X; de-de) AppleWebKit/419 (KHTML, like Gecko) Safari/419.3
Build Identifier: Mozilla/5.0 (Macintosh; U; PPC Mac OS X Mach-O; en-US; rv:1.9a4pre) Gecko/20070426 Minefield/3.0a4pre

An CSS attached outline border of any element stays on top of overlayed layers or shines thru layers with opacity. 

Reproducible: Always

Steps to Reproduce:
See sample page
Actual Results:  
Outline borders are rendered on top of any layer

Expected Results:  
Outline border should be covered by an overlayed element.

Comment 1

[Rene Trost]

Attachment: Screen outline border stays over DIV layer

The outline border should be dimmed by the overlaying DIV (opacity 0.7) but that doesn't happen.

Comment 2

[[:Aleksej]]

Confirmed on Linux builds since
Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.9a1) Gecko/20060126 Firefox/1.6a1
up to
Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.9a5pre) Gecko/20070430 Minefield/3.0a5pre
May be a duplicate.

Comment 3

[Tracy Walker [:tracy]]

confirmed on branch as well with 2.0.0.4 rc3 on Windows

Comment 4

[Samuel Sidler (old account; do not CC)]

-> Core::General.

This belongs in Core::Layout but it needs a testcase attached to the bug before it goes there.

Comment 5

[Adam Guthrie]

Attachment: Simplified testcase

Here's a simplified testcase based on the one in the URL.

Comment 6

[Adam Guthrie]

It turns out that the same thing happens if you use a <div> (instead of a <input> button). I think this is INVALID, though.

From http://www.w3.org/TR/CSS21/ui.html#propdef-outline:

"The outline created with the outline properties is drawn "over" a box, i.e., the outline is always on top, and doesn't influence the position or size of the box, or of any other boxes."

If this is the case, then it would make sense that it's not made opaque since it's drawn "over" the opaque <div>.