250366 - Image cropped with a red border with opacity set on

Status: RESOLVED WORKSFORME

(Core Graveyard :: GFX: Gtk, defect)

Description

[Shaun Crampton]

User-Agent:       Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.7) Gecko/20040618 Firefox/0.9
Build Identifier: Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.7) Gecko/20040618 Firefox/0.9

With opacity:0.7 set on an image in a fixed size div where img size > div size
the image is cropped with a red border to the right. (it should be cropped, just
not with a border)

Reproducible: Always
Steps to Reproduce:
1.
2.
3.




Here's the css for the div and the img tag.

div.icon-preview {
	position: relative; 
	left: 110px; 
	top:110px; 
	width:80px; 
	height:80px; 
	overflow: hidden; 
	text-align: center; 
	vertical-align: middle;
}

img.icon-preview {
	opacity: 0.7; 
	width: auto;
	height: 78px;;
}

Comment 1

[Shaun Crampton]

Attachment: A snapshot of the effect

The small prefiew image in the bottom right is the problem... notice the red
border to the right of the image.

Comment 2

[Shaun Crampton]

Attachment: Same image but with opacity turned off

Notice the lack of red border to the right

Comment 3

[Peter Weilbacher]

Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.8a5) Gecko/20041006

Hmm, I see something similar with a blue border on
<http://star-www.dur.ac.uk/~pweilba/>. The menubox is opaque with opacity:0.88
and for me it displays a blue border on the righthand side about two pixels wide.
When quickly resizing the window to smaller and then again larger width this
border sometimes disappears.
Additionally, after marking the text in the menubox vertical lines are left over.

Comment 4

[Peter Weilbacher]

Hmm, could this be the dependent on the XFree version or graphics driver? I do
see this on a machine with XFree86-4.2.1/GeForce2 MX, but not on a machine with
XFree-4.3.0/NeoMagic chip.
Shaun, I guess the Firefox you were using is a GTK-2.x build, right? Because
GTK-1.x vs. GTK-2.x could be another factor (I see the problem on GTK-1.x not
not on 2.x).

Comment 5

[Boris Zbarsky [:bzbarsky]]

Doesn't sound like an image problem.

Reporter, if you could attach a testcase that shows this bug, that would help a lot.

Comment 6

[Nils Tonnatt]

On my site http://www.wwtf.de is the bug without an image. The second style.
The right border of the menu is red. And in one moment there were more than one
vertical lines in the menu.

Comment 7

[Boris Zbarsky [:bzbarsky]]

Nils, do you have a screenshot showing the problem?  What build are you using?

Comment 8

[Nils Tonnatt]

Attachment: The red line at the menu border

Comment 9

[Nils Tonnatt]

Mozilla 1.7.5
Mozilla/5.0 (X11; U; Linux i686; de-AT; rv:1.7.5) Gecko/20050105 Debian/1.7.5-1

Comment 10

[Nils Tonnatt]

And my firefox, too:
Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.7.6) Gecko/20050306 Firefox/1.0.1
(Debian package 1.0.1-2)

Comment 11

[Boris Zbarsky [:bzbarsky]]

Nils, could you posibly try a current trunk build?  I'm not seeing that with
either GTK1 SeaMonkey or GTK2 Firefox current nightlies on that page...

Comment 12

[Peter Weilbacher]

I don't see this any more, either. Neither on my page nor on Nils' page. It is
present in the Mozilla 1.7/Aviary 1.0 branches but not on the current trunk, at
least as far as a GTK1 build is concerned. I guess there won't be any fixes for
this on the stable branches, so I suggest marking WFM.

Comment 13

[Boris Zbarsky [:bzbarsky]]

Yeah, indeed.