Bug 69610

Summary: Partial transparency css3 alpha opacity
Product: [Applications] konqueror Reporter: Brandon <branditox>
Component: khtml rendererAssignee: Konqueror Developers <konq-bugs>
Status: RESOLVED FIXED    
Severity: normal CC: kfl, rudi.strasser, scain, seufert
Priority: NOR    
Version: unspecified   
Target Milestone: ---   
Platform: Mandrake RPMs   
OS: Linux   
Latest Commit: Version Fixed In:
Sentry Crash Report:
Attachments: The Correct Look as Show via Internet Explorer
How Konqueror handles the page /wo partial transp.
Fire Fox Under Windows Displaying Transparency Correctly
Simple XHTML test with opacity for all major browsers
Use of opacity to create a drop shadow, taken from Yahoo 360

Description Brandon 2003-12-04 01:11:53 UTC
Version:           Konq. 3.1.4 (using KDE KDE 3.1.3)
Installed from:    Mandrake RPMs
OS:          Linux

Hello,
I would like partial transparency to work in Konqueror's KHTML part!  I write websites and using this CSS effect is very cool and useful!:
filter: alpha(opacity=70)

I hope you guys try to add it when you release 3.2.

Thanks
Brandon
Comment 1 Stephan Kulow 2003-12-04 09:44:46 UTC
please attach a simple example
Comment 2 Brandon 2003-12-05 03:34:14 UTC
Created attachment 3563 [details]
The Correct Look as Show via Internet Explorer

As you can see, IE is processing the filter alpha opacity correctly to do a
partial transp. on the tables to show the image behind it.  It also displays
the tables correctly and displays the input decorations correctly...
Comment 3 Brandon 2003-12-05 03:37:13 UTC
Created attachment 3564 [details]
How Konqueror handles the page /wo partial transp.

As you can see... the partial transparency is not handled in konq.  It is also
not handling the tables correctly and not showing the form input decorations.
Comment 4 Sashmit Bhaduri 2003-12-05 05:05:34 UTC
Please simplify a html page that uses this (yours?) to as little html as you can, and then attach it here. Thanks.
Comment 5 Jason Keirstead 2003-12-23 03:35:14 UTC
Note, in Mozilla you do this with the "-moz-opacity:" CSS extention, which is closely on par with the W3C CSS3 reccomendation for "opacity:".

This filter: opacity thing is a DirectX filter that is very IE specific and does not match the spec at all. They don't even take the same values (Mozilla's is a value from 0 to 1, IEs is a value from 0 to 100.

If KHTML does implement opacity it should use the W3C reccomendation.
Comment 6 Helge Hielscher 2004-01-24 12:52:50 UTC
This feature is also used by amazon.com's search-inside-books to highlight text that got found
.readerHighlight {
  position: absolute;
  z-index: 99;
  border: 1px solid black;
  visibility: visible;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  background-color: rgb(102,255,102);
  -moz-opacity: 0.2;
  opacity: 0.2;
}
Using konqueror the result is that you have to guess what word is under the green bar if you have searched for more than one word.
Comment 7 Stephan Kulow 2004-01-24 13:01:30 UTC
they rely on css3 before it's standard? Too bad for their users ;(
Comment 8 Kai Lahmann 2004-08-20 04:15:10 UTC
Mozilla now "eats" the real CSS3 syntax 'opacity'. And maybe Safari too?
Comment 9 Allan Sandfeld 2004-11-08 14:43:48 UTC
*** Bug 92911 has been marked as a duplicate of this bug. ***
Comment 10 Allan Sandfeld 2004-12-09 02:18:12 UTC
Adding tag to show it can be merged from WebCore
Comment 11 peppelorum 2005-05-05 20:01:00 UTC
Just wondering how the opacity support is going?
What I can see when googling it appears to work in Safari and I would love if Konqueror can as cool (or cooler;-) as Safari=)

I can pay 30 euro to the person that makes it happen, I'm a poor student so that's all I can spare.

http://www.google.com/search?q=KhtmlOpacity+konqueror
Comment 12 Allan Sandfeld 2005-05-06 00:23:30 UTC
Actually it is not portable from WebCore unfortunately. They use OS X calls to render transparently. We need to simulate transparency.
Comment 13 Brandon 2005-05-06 06:12:11 UTC
Created attachment 10916 [details]
Fire Fox Under Windows Displaying Transparency Correctly

Although this is a screen shot of Fire Fox under Windows, running Fire Fox
under Linux displays the same.	As you can see, transparency is working great!
Comment 14 Sebastian Lorenz 2005-08-07 00:51:37 UTC
What's wrong ?

After the updating Suse 9.2 to 9.3 the construct 
"-khtml-opacity: 0.8" doesn't work no more.

Why is this tag disabled in the new version ?
Comment 15 Franklin Belew 2006-01-10 08:10:32 UTC
Created attachment 14195 [details]
Simple XHTML test with opacity for all major browsers
Comment 16 Alastair Burt 2006-05-28 15:44:54 UTC
I have another example of this in the wild, which I think should increase the priority of fixing this. Yahoo's latest attempt to do the Orkut, Myspace thing is called Yahoo 360 (http://360.yahoo.com/). They use opacity to get drop shadows. I attach a cut down example of the problem.

The user is allowed to doodle around about with the colours and backgrounds. In some of the customised versions, the Yahoo coders forget to add a colour background to the box that has the shadow. In KDE 3.4, this is OK. There is no attempt to display the drop shadow and we get black text in a white box. In Firefox, this is OK. We get a black text on an opaque grey background. In KDE 3.5.2 it is a disaster. We get black text on a non-opaque, i.e. black, background. The profiles then become a page full of black rectangles with no text legible.

  
Comment 17 Alastair Burt 2006-05-28 15:53:21 UTC
Created attachment 16309 [details]
Use of opacity to create a drop shadow, taken from Yahoo 360

See comment #16.
Comment 18 Paul Giannaros 2006-06-10 15:42:41 UTC
Echoing the request for this wish. CSS opacity is now supported (at least in some form) by Firefox, Safari, Opera < 9, and IE 5.5+ (via a filter, but it still _works_). It's a very pretty effect and is creeping up in websites very often on the internet. One example is the many web applications that use JavaScript modal dialogs. They tend to place a translucent dark veil over the background. This is no problem with CSS opacity, but looks terrible in browsers without support for it as everything behind the modal dialog goes black.
Konqueror already has alpha blending capabilities via PNGs (and with text-shadow, I assume?), so I imagine support wouldn't be that hard?
Could we hear some feedback on this?
Comment 19 Maksim Orlovich 2006-10-27 19:57:25 UTC
*** Bug 134472 has been marked as a duplicate of this bug. ***
Comment 20 Maksim Orlovich 2006-10-27 19:57:36 UTC
*** Bug 73528 has been marked as a duplicate of this bug. ***
Comment 21 Maksim Orlovich 2006-10-27 19:59:26 UTC
Short answer is that it's not something we can sanely support in KDE3, but should be pretty easy with KDE4, I think.
Comment 22 Germain Garand 2006-11-01 02:43:53 UTC
fixed in trunk
http://bugs.kde.org/attachment.cgi?id=16309&action=view
Comment 23 Germain Garand 2006-11-01 02:46:00 UTC
http://lists.kde.org/?l=kde-commits&m=116234379507000&w=2

oops, more informative link :)
Comment 24 Jonas Lihnell 2007-01-09 20:42:03 UTC
http://www.w3.org/TR/css3-color/
Note. If RGBA values are not supported by a user agent, they should be treated like unrecognized values per the CSS forward compatibility parsing rules. RGBA values must not be treated as simply an RGB value with the opacity ignored.

I just tried to use the rgba and set it to 0.5 in transparancy and konqueror failed to render correctly and should therefor, as specifiied by w3, not take the values in rgba into account.

getting the rgba specification working in konqueror will do wonders to the shading side of things.
Comment 25 Maksim Orlovich 2007-08-30 19:53:05 UTC
*** Bug 149289 has been marked as a duplicate of this bug. ***
Comment 26 anze 2008-03-05 23:08:32 UTC
style->opacity is still not working in Konqueror 3.5.8 - I don't think this bug is resolved...
Comment 27 Maksim Orlovich 2008-03-06 03:22:21 UTC
It's fixed in 4.0