How to use transparency with different Browsers

How to:

One more snippet …

I hab trouble with transparency backgrounds and the different Browser interpretation, ahhrgh. But finally i found a cool summary.

take this:

div .test {
   background: rgb(255, 255, 255); /* fallback for all old guys */
   background: rgba(2255, 255, 255, 0.5);
}

Internet Explorer need a special treatment, via conditional comment

<!--[if lt IE 9]>
div .test {background:#fff; filter:alpha(opacity=50);}
<![endif]-->

Thats all. Enjoy it.

Related posts:

  1. jQuery badBrowser Update Version 1.4
  2. CSS: center background image in Firefox & Co.
  3. CSS border-bottom for IE 6
  4. Fight old Browsers – YouTube follows
  5. overflow:auto – Internet Explorer 6 Bug
  6. Fight old Browsers – Warning with jQuery
  7. Floating problems with IE 6

0 Responses to “How to use transparency with different Browsers”


  1. No Comments

Leave a Reply

*