CSS Forum

**firebladeiii** · 07-31-2008, 08:47 PM

I have used Opacity:0.5; in my CSS file. When i validate with W3C, it is showing error. What is the alternative i can use? Or any other solution?
Hoping for a solution.
Thanks.

**LadynRed** · 07-31-2008, 09:52 PM

http://www.quirksmode.org/css/opacity.html

**wayfarer07** · 07-31-2008, 10:07 PM

opacity is a CSS3 spec. It doesn't validate to the 2.1 level that the validator is probably running at.

My advice: don't worry about it. CSS validation doesn't matter to the browsers or anything else. If your browser sees a selector that it doesn't recognize, it just ignores it, which is part of the specs.

The more standard browsers all recognize opacity because of how useful it is, not because CSS3 has been standardized (it hasn't).

**firebladeiii** · 08-01-2008, 06:23 AM

yes wayfarer07, you are ryte. but my main concern is to get the CSS valid logo in my site. I have already certified my XHTML.
really this Opacity killing me.

Let me tell my problem.
I have to put a circle Play button infront of an image. So iam using the Play button as a PNG. PNG support in all browser except IE 5 or 6. So i am using CSS Opacity filter to make the PNG transparent in IE < 7.

any help apreciated pls.

**firebladeiii** · 08-01-2008, 06:25 AM

Quote:

Originally Posted by LadynRed

http://www.quirksmode.org/css/opacity.html

SOrry LadynRed, I went throught the link. This is also using the same Opacity attribute.
I want it to be validated in W3C.

**wayfarer07** · 07:45 AM

Sorry, it can't be. There is no CSS3 validator. You could add it as an inline-style with JavaScript, and it would pass validation, but that is totally pointless and wasteful.

**LadynRed** · 08-01-2008, 04:12 PM

If all you're doing is using a transparent png, then try one of the several javascript solutions to make IE6 and below render the transparency. You won't have the validation problems that go with the opacity property you're trying to use.

**SolidEagle** · 01-12-2009, 10:34 AM

Quote:

Originally Posted by wayfarer07

Sorry, it can't be. There is no CSS3 validator. You could add it as an inline-style with JavaScript, and it would pass validation, but that is totally pointless and wasteful.

You're wrong! There IS a w3c css3 validator

http://jigsaw.w3.org/css-validator/v...ning=1&lang=nl

I've found this by changing the profile variable in the link to css3 :P

Just change the uri (www.nijm.nl/style/stadskanaal/style.css) variable!

**wayfarer07** · 01-12-2009, 11:32 AM

Well there you go, validate it like that since it's so important to you... But CSS valid logos are just a waste of space on a website IMO, since they mean absolutely nothing to the average consumer.

**SolidEagle** · 01-12-2009, 11:39 AM

Quote:

Originally Posted by wayfarer07

Well there you go, validate it like that since it's so important to you... But CSS valid logos are just a waste of space on a website IMO, since they mean absolutely nothing to the average consumer.

You're right

but programming by following the standards is 1337 and give you bragging rights

! But the average consumer doesn't give a crap for anything as long as they get a working website which they think looks nice...