CSS won't validate - Property opacity doesn't exist : 0

225 Posts

deniro0311 Reply #1, 19 years, 2 months ago

One last validation issue, I swear grin

I get ’Property opacity doesn’t exist : 0’ when I try to validate the CSS. This bit of code gets generated by the AjaxSearch as follows...

<div id="ajaxSearch_output" style="opacity:0;"> </div>

Is there a fix for this so I can validate.

1,611 Posts

ZAP Reply #2, 19 years, 2 months ago

Opacity is valid CSS3 but not CSS2, so it’s not really invalid code (just ahead of its time). You may be able to use AjaxSearch without opacity styles by substituting display:none and display:block, but I haven’t tried this myself.

"Things are not what they appear to be; nor are they otherwise." - Buddha

"Well, gee, Buddha - that wasn't very helpful..." - ZAP

Useful MODx links: documentation | wiki | forum guidelines | bugs & requests | info you should include with your post | commercial support options

1,193 Posts

ScottyDelicious Reply #3, 19 years, 2 months ago

Quote from: ZAP at Jul 30, 2007, 10:25 PM

Opacity is valid CSS3 but not CSS2, so it’s not really invalid code (just ahead of its time). You may be able to use AjaxSearch without opacity styles by substituting display:none and display:block, but I haven’t tried this myself.

Or "visibility: hidden;" and "visibility: visible;" if you need to preserve the spacing for layout.
http://www.devx.com/tips/Tip/13638

-sD-
Dr. Scotty Delicious, Scientist

Husband, Father, Brother, Son, Programmer, Atheist, Nurse, Friend, Lover, Fighter.
All of the above... in no specific order.

I send pointless little messages