how to embed transparent image in our code

HTML, CSS and anything else that deals with client side capabilities.

Moderator: General Moderators

Post Reply
waseem83
Forum Commoner
Posts: 54
Joined: Tue Jun 23, 2009 3:51 am
Contact:

how to embed transparent image in our code

Post by waseem83 »

Hi i have code

<html>
<head>
<title>Your Title</title>

</head>
<body>
<div >

<img src="logone.png" />


</div>
</body>
</html>

When i run it in firefox it works fine but when i run it in IE 6 transparency of image finish.

can any body help me?
matthijs
DevNet Master
Posts: 3360
Joined: Thu Oct 06, 2005 3:57 pm

Re: how to embed transparent image in our code

Post by matthijs »

IE does not fully support transparent png. There are workarounds though. A quick search for "IE transparent images" or something should give you some hints
vine15five
Forum Newbie
Posts: 1
Joined: Sat Sep 12, 2009 10:34 am

Re: how to embed transparent image in our code

Post by vine15five »

Get rid of IE 6. IE 8 is out now.
Schedar
Forum Newbie
Posts: 3
Joined: Mon Sep 14, 2009 5:21 am
Location: bucharest
Contact:

Re: how to embed transparent image in our code

Post by Schedar »

http://www.twinhelix.com/css/iepngfix/

this should make it clear for you, you'll find a zip file there, it;s magic :)

note: if you use transparent png in your site you should make it look the same in all browsers, even if ie8 has come out, you never know who's watchin', best if you check you site in all the browsers.
User avatar
lord_webby
Forum Commoner
Posts: 44
Joined: Wed Aug 19, 2009 9:01 am

Re: how to embed transparent image in our code

Post by lord_webby »

Dunno if its part of ie6pngfix - but I used the jQuery Library to achieve this.
Post Reply