Cross Browser Opacity

5/5(1)

You are viewing an old revision of this post, from 23 oktober 2014 @ 07:47. See below for differences between this version and the current revision.

Demo:

mooiv2

The following snippet has cross-browser fallbacks for the opacity element. Keep al users happy with fallbacks and use this fast way of copy paste to accomplish that.

.transparent_class {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

  /* IE 5-7 */
  filter: alpha(opacity=50);

  /* Netscape */
  -moz-opacity: 0.5;

  /* Safari 1.x */
  -khtml-opacity: 0.5;

  /* Good browsers */
  opacity: 0.5;
}

Post Revisions:

Changes:

There are no differences between the 23 oktober 2014 @ 07:47 revision and the current revision. (Maybe only post meta information was changed.)

Please rate this