Comments on: On opacity and complexity

By: Prévia das novas propriedades do CSS 3 | Por Trás Da Web

Prévia das novas propriedades do CSS 3 | Por Trás Da Web — Thu, 22 Oct 2009 20:40:11 +0000

[...] colors HSLA colors opacity RGBA [...]

By: Samir Bhimbha

Samir Bhimbha — Sat, 09 Jun 2007 07:47:05 +0000

Below opacity code will be work to all of browser. There is different value for different browser.
#alpha { filter:alpha(opacity=80); -moz-opacity:0.8; opacity: 0.80; }

you can give to link to image. like as per below example

Put it into Tag.
#alpha_img a { border:5px solid #fc0; }
#alpha_img a:hover { filter:alpha(opacity=80); -moz-opacity:0.8; opacity: 0.80; }

Put it into Tag.

For more info you can ask me on artistsamir@gmail.com

By: Logg for Aslak Raanes - Opasitet og CSS3

Logg for Aslak Raanes - Opasitet og CSS3 — Sun, 27 May 2007 14:48:57 +0000

[...] opacity er sikkert greit som en kortform for å gjøre noe halvgjennomsiktig slik som css3.info viser i «On opacity and complexity» [...]

By: impatient

impatient — Sun, 04 Mar 2007 08:56:03 +0000

if we all made it a point to post about how much damned time and money we waste doing web design without the tools of css3 and support in IE then maybe someday sooner the people in charge who only care about money will realize they should use their cash to make shit happen sooner. Better our lives, better our clients sites, better their wallets, better the standards, better IE.

What I like to do is write pretend css that imagines how much quicker and easier and better one of my layouts could have been with css3 (multiple backgrounds/borders, border radius,:before:after,descendant selectors, etc…) sometimes I go too far and imagine clipping masks and text flows using svg paths, backgrounds that worked like actual 16-bit sprites worked in the SNES console games (50% of your interface’s decorative elements in 1 small image), gradients (based on svg files)….I used to have a css/svg/browser wishlist but lost interest in updating it after it got over 1000 items :(

By: Vasilis

Vasilis — Fri, 02 Mar 2007 06:14:11 +0000

Using opacity is the best solution for this issue. First of all these images are a part of the content so they should be visible to all browsers, not just browsers that support css. And the second reason is that the company might grow. You don’t want to fabricate a new image (do you remember exactly how you made that image in one year?) and change the code in the HTML and in the CSS to just add a picture. If you use opacity you just have to add an image to the HTML.
I recently discovered that Safari has some problems with changing the opacity to ’1′ onmouseover (on divs, haven’t tried it on images). If you change it to ‘.999′ the problem is almost solved. Almost, since ‘.999′ isn’t the same as ’1′. This is solved in the latest webkit.
About the alpha filter: I don’t see it as a problem to use this as long as you hide this code from real browsers by using conditional comments. Sure it’s extra code, but extra code is (almost) always needed anyways, so one more line doesn’t seem like a problem.

By: Andras Nemeseri

Andras Nemeseri — Thu, 01 Mar 2007 21:52:30 +0000

Just a note…
The opacity property is unstable in FF 2/mac.

It has weird bugs ( ie. if an elem has opacity and appears on the page, all textnode become opaque.. )

Although this bug is fixed in FF 3 alpha..

http://www.mezzoblue.com/archives/2006/12/12/opacity_bugs/

By: David Naylor

David Naylor — Thu, 01 Mar 2007 18:18:40 +0000

CSS3 FTW!

Seriously, can’t wait til MS put a nice compliant IE X out to the world.

By: Peter Gasston

Peter Gasston — Thu, 01 Mar 2007 17:14:57 +0000

I know about the Alpha Filter, but it’s a proprietary declaration. It’s easier than the examples I gave above, but it’s still not the best solution, because it adds unnecessary code.

By: MeF

MeF — Thu, 01 Mar 2007 17:10:47 +0000

How about using Alpha Filter(“filter: progid:DXImageTransform.Microsoft.Alpha”) in IE to arrive similar effect?

By: Jake Archibald

Jake Archibald — Thu, 01 Mar 2007 17:10:04 +0000

You can sort out IE using
filter:alpha(opacity=x);

If they’re changing on mouseover I’d expect them to do something when I clicked them (else why do they change?), so you could use an anchor tag & capture the hover in IE too.

Jake.