How to make inline png <img> transparent using css?

Posted by metal-gear-solid on Stack Overflow See other posts from Stack Overflow or by metal-gear-solid
Published on 2010-05-21T12:09:31Z Indexed on 2010/05/21 12:30 UTC
Read the original article Hit count: 237

Filed under:

ie6-bug

|

png-24

|

XHTML

|

css

|

JavaScript

How to make inline png transparent inside div? using css

<div id="report'>
<p> some text </p>

<img src=transparent.png" />

</p>

</div>

this is image for example . Other than ball i want to make transparent other white area. Which is looking grey in IE6

alt text

I want to do in css like this div#report img {.....} is it possible?

Edit:

I don't want to make whole image transparent.

© Stack Overflow or respective owner

Related posts about ie6-bug

IE6 Bug - Div within Anchor tag: inline images not links

as seen on Stack Overflow - Search for 'Stack Overflow'
I'm trying to get everything in the anchor tag to be a clickable link. Unfortunately, in IE6 (which is the only browser I'm concerned with currently), the only thing that isn't a clickable link are the inline images. I know that it's not valid html to put a div inside of an anchor but it's not my… >>> More
Underline ie6-bug. Inline element in <a> tag.

as seen on Stack Overflow - Search for 'Stack Overflow'
There is a markup: <a href="#"> lorem ipsum<span>15</span> </a> There are styles: a{ text-decoration: underline; } a span{ background: #fff; //To clean the bottom underlining under <span> } Works in all interesting me browsers. Except IE6. The bottom… >>> More
jQuery Accordion + OL + IE6 bug

as seen on Stack Overflow - Search for 'Stack Overflow'
Sample page: http://jsbin.com/ohuze/2 This is a simple jQuery UI Accordion. Each accordion panel has an UL (an OL works the same) with this markup: <ol> <li><a href="">Lorep ipsum dolor lorem ipsum dolor lorem ipsum dolor</a>?</li> <li><a href="">Lorep… >>> More
Have you ever seen an install of IE 8 whose version number was still 6.0?

as seen on Super User - Search for 'Super User'
I was at a local university computer lab presenting a website I work on and I discovered something that looked really unusual to me. Their machines had Internet Explorer 8 installed, but when you check the version number (Help-About Internet Explorer) it listed the version number as 6.0. It also… >>> More
Why won't Javascript assembled Iframe load in IE6 over HTTPS although it will over HTTP?

as seen on Stack Overflow - Search for 'Stack Overflow'
The issue: The iframe won't load inside the tags on the review and submit page here: https://checkout.netsuite.com/s.nl/c.659197/sc.4/category.confirm/.f Login:[email protected] pass:test03 To produce problem: - Where it says "Your Third Party Shipper Numbers (To enter one, click here.)", click… >>> More

Related posts about png-24

Bulk convert PNG-24 to PNG-8 files with best quality

as seen on Super User - Search for 'Super User'
Hi, Can anybody recommend a good method of bulk converting a large amount of PNG-24 files to PNG-8 with as little loss of quality as possible and maintaining transparency? I've tried ImageMagick but the resulting images weren't quite as crisp quality as I'd like. Using Paint.NET I was able to achieve… >>> More
Types of PNG image in iPhone app

as seen on Stack Overflow - Search for 'Stack Overflow'
I have an iPhone app that picks images from my internet server. It picks images with png extension but only PNG-24 is workings. The problem is that PNG-24 need some disk space and internet bandwith in iphone. I tried using PNG-8 but the iphone does not recognize it. Someone knows if I have a way… >>> More
How to make inline png transparent inside div? using css , for IE6

as seen on Stack Overflow - Search for 'Stack Overflow'
How to make inline png transparent inside div? using css <div id="report'> <p> some text </p> <img src=transparent.png" /> </p> </div> this is image for example . Other than ball i want to make transparent other white area. Which is looking grey in IE6 I… >>> More
How to make inline png transparent inside div? using css

as seen on Stack Overflow - Search for 'Stack Overflow'
How to make inline png transparent inside div? using css <div id="report'> <p> some text </p> <img src=transparent.png" /> </p> </div> I want to do in css like this div#report img {.....} is it possible? >>> More
How to make inline png <img> transparent using css?

as seen on Stack Overflow - Search for 'Stack Overflow'
How to make inline png transparent inside div? using css <div id="report'> <p> some text </p> <img src=transparent.png" /> </p> </div> this is image for example . Other than ball i want to make transparent other white area. Which is looking grey in IE6 I… >>> More