Tutorial Categories
- AJAX (1)
- ASP.NET (20)
- Controls (1)
- Database (14)
- Email (3)
- Error Handling (2)
- Javascript (4)
- Latest news (1)
- Others Tutorials (4)
- PHP Development (4)
- Web Design (2)
- WordPress (1)
- XML (1)
Archives
| Quick Search |
Make PNG transparency work in Internet Explorer
Create a container to store your image. In this case I use a <div>.
Create your <div> inside your <body>, just like this.
<body> <div></div> </body>
Next, create a <style> if you dont have one. Make sure they are between your <head> </head>. Put the following css inside.
<style>
body {background-color:#000}
div.flower {background:url(flower-transparent.png) no-repeat; height:100px; width:100px}
</style>
The CSS codes above displays your PNG image in a <div>. Works fine for Mozilla Firefox, but not for Internet Explorer. To get it working cross browser, create another set of css just for Internet Explorer right below your <style> </style>. Insert the following codes.
<!–[if gte IE 5]>
<style type=”text/css”>
div.flower {
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’flower.png’ ,sizingMethod=’crop’);
}
</style>
<![endif]–>
Posted in ASP.NET, Web Design
You can follow any responses to this entry through the RSS 2.0 Feed. You can leave a response , or trackback from your own site.
Leave a Reply
search engine marketing company India that offers affordable seo services