Hello

I'm Manmohanjit Singh and this is my WordPress powered blog. I'm currently in Malaysia. I go to school at SMK USJ 12. I'm a quiet guy but I'm not shy. I'll talk only when I need to.

@twitter

Twitter

  • Loading...

@manmohanjit

Now Playing

  • Loading...

manmohanjit1

# Crossbrowser Opacity

by Manmohanjit Singh on Feb 16th, 2010 in Tutorial.

I’ve been doing some research about opacity. After some time, I finally found a way to make it work on most of all the browsers.Its rather interesting, because I’ve tested it out with Windows Internet Explorer, regardless of the version….. and it works! No worries about Mozilla Firefox, Google Chrome and Apple Safari. I think it should work, considering the fact that it did on all versions of Windows Internet Explorer. If your curious, I used IETester to test it out :) Before I get to the codes part, just let me clarify that I don’t really use Expression Web Super Preview, that product which is bundled in the Expression Web pack is of no use, at least to me! I mean common’, it only has Images for IE6, IE7-8, IE8 and Firefox 3.5(which is not needed). Now with IETester, I have IE 5.5 straight up to IE 8.0.

Getting back, so here is the code:

.opacity {
	filter: alpha(opacity:0.5);
	KHTMLOpacity: 0.5;
	MozOpacity: 0.5;
	-khtml-opacity:.50;
	-ms-filter:"alpha(opacity=50)";
	-moz-opacity:.50;
	filter:alpha(opacity=50);
	opacity:.50;
}

Tags:

No comments

  • No comments yet...

Leave A Comment

I'm watching you, please be nice and try not to spam. Comments are moderated. You can paste links directly, it will be formatted automatically. Basic XHTML tags are allowed.

Oh, I almost forgot. Comments are powered by Ajax, so don't hit the submit button twice. Thanks!

Wait for 15 seconds...