If you’re like me and you’re using the Web Developer toolbar, you like it when your site validates in it.
What your code looked like
Example, We currently have our Div container that we want to make transparent, with an opacity of 65%. This is what the CSS code would look like:
This returns and error in the Firefox toolbar and doesn’t validate as proper CSS. In your Web Developer toolbar, you got:
Unknown property ‘filter’. Declaration dropped
What’s the solution? Internet Explorer has a built-in function where you can script code that only Internet Explorer browsers can see, and this does not affect any other browsers.
First off, go ahead and comment out the filter attribute in your CSS file:
In your HTML file, type the following:
When using this syntax, the contents of the comment will only be displayed if the visitor is using Internet Explorer, thus, you can have a site that validates in the Web Developer toolbar, and still works for Internet Explorer users. I will discuss more details around the syntax at a later date.