Jump to content
MakeWebGames

Opacity in IE Browser's


Haunted Dawg

Recommended Posts

I have for many month's now try to figure out why

.change_opacity {

opacity: 0.7;

}

would never work in internet explorer (IE) browser's until now. I did a simple google search and i found how to make opacity work in IE.

.change_opacity {

opacity: 0.7;

filter: alpha(opacity = 70);

}

By adding filter: alpha(opacity = 70); it would work out the same as opacity: 0.7.

While opacity work's from 1.0 (Completly visible) to 0.0 (Completly invisible) filter work's from 100 (Completly visible) to 0 (Completly invisible).

Well. there u have opacity in IE browser's. Enjoy for those who never knew.

Link to comment
Share on other sites

Re: Opacity in IE Browser's

webkit should be following css specs pretty good. I'm willing to be either the ff or ie version's of opacity will be used by webkit as well.

there's really very few things that, when they work in both ff and ie, they won't work in webkit.

In the case of opacity, using something like killah suggested should be enough for webkit.

Link to comment
Share on other sites

Re: Opacity in IE Browser's

 

<html>
<head>

</head>
<body>
<div style="height: 300px; width: 300px; opacity: 0.2; background-color: #000000"> hey hey hey</div>
</body>
</html>

 

Try that in safari.

opacity: 0.2 does indeed work there.

safari uses webkit by the way.

Therefore, what I said stands and that -moz stuff is not needed there. (besides, wouldn't -moz be gecko specific?)

Link to comment
Share on other sites

Re: Opacity in IE Browser's

it's more than likely that safari 2 works the same as safari 3 as far as most css rules

opacity is part of css 2 IIRC, which has been around a long time

 

feel free to test it, I already tested safari 3 (downloaded yesterday, so should be latest one)

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...