109437 - Internet Explorer (MSIE) Filters... Do they have a place in Mozilla?

Status: RESOLVED DUPLICATE of bug 64019

(Core :: DOM: CSS Object Model, enhancement)

Description

[Kevin Ar18]

From Bugzilla Helper:
User-Agent: Mozilla/5.0 (Windows; U; Win98; en-US; rv:0.9.5) Gecko/20011011
BuildID:    2001101117

First you may want to check this reference URL:
http://www.webreference.com/js/column68/

Basically, I have a site (cgi generated page) that makes use of of the "Alpha"
transparency filter to make a DIV layer a certain level of transparency.

I just wanted to bring up this issue of filters with the hopes that maybe it can
be included as a future feature of Mozilla....
first with CSS styles then with javascript.

Reproducible: Always
Steps to Reproduce:
Sample code using Alpha transparency on DIV layer:

<div id="SelectionLayer" style="position:absolute; width:100px; height:100px;
z-index:91; background-color: #FFFF00; border: 1px solid #0000FF; filter:
Alpha(Opacity=50); visibility: hidden"></div>

Actual Results:  No transparency.

Expected Results:  Should have an alpha transparency of 50.

Comment 1

[Christopher Hoess (gone)]

We don't need this. Look into -moz-opacity; when the appropriate CSS3 module is
finalized, we'll use the standard opacity property defined there.  Closing WONTFIX.

Comment 2

[Tuukka Tolvanen (sp3000)]

*** Bug 109503 has been marked as a duplicate of this bug. ***

Comment 3

[Kevin Ar18]

If there's gonna be Mozilla specific code (which is only gonna be in effect for
a little while), why not have backwards compatability with IE?

In other words, why make a Mozilla only "moz-opacity" instead of just going with
what has already been used.

Comment 4

[Kevin Ar18]

Ok, from what I can tell "moz-opacity" is not a filter per say, but a Mozilla
only version of what may be in CSS 3.

But still, why go with Mozilla only code when it could have just been made
backwards compatable with IE?

Comment 5

[Tim Powell]

It took me a bit to track down the proper syntax for this in mozilla and IE, so
I thought I'd repeat it here in case anyone else needs it. The css for 50%
opacity is:

IE:
filter: Alpha(Opacity=50);

Mozilla:
-moz-opacity: 0.50;

To dynamically manipulate this using JavaScript:

IE:
document.getElementById('SelectionLayer').style.filter='Alpha(Opacity=50)';

Mozilla:
document.getElementById('SelectionLayer').style.MozOpacity='0.5';

Comment 6

[Tim Powell]

Another helpful reference that shows % is also a valid unit for Mozilla:
http://www.wsabstract.com/dhtmltutors/opacityns6.shtml

Comment 7

[Matthias Versen [:Matti]]

*** Bug 182791 has been marked as a duplicate of this bug. ***

Comment 8

[Hixie (not reading bugmail)]

no to 'filter()'

Comment 9

[Jesse Ruderman]

Reopening to mark as a dup of bug 64019.

Comment 10

[Jesse Ruderman]

*** This bug has been marked as a duplicate of 64019 ***