Solution to the transparency of PNG pictures under IE6
The simple way is to have, with the filter, but I do not normally browse under Firefox, but also the cost source, is not the web standards advocated, so, abandoned.
Filter:progid:dximagetransform.microsoft.alphaimageloader (src= ' images/1.png ', sizingmethod= ' crop ');
Here is the name of the transparent picture container you need, including a:hover (don't write the wrong:d)
<script type= "text/web Effects" >
Dd_belatedpng.fix ('. png_img,. Img_box a:hover ');
</script>
There is also a JS file, packaged download or 115 or oeo.la
<title>ie6 PNG Translucent </title>
<!--[if IE 6]>
<script type= "Text/javascript" src= "Js/dd_belatedpng.js" ></script>
<script type= "Text/javascript" >
Dd_belatedpng.fix ('. png_img,. Img_box a:hover ');
</script>
<! [endif]-->
<style type= "Text/css Tutorial" >
Body {
Background-color: #000;
}
. img_box {
width:500px;
height:300px;
position:relative;
}
. Img_box a {
Display:block;
height:150px;
width:150px;
Color: #f33;
}
. img_box A:hover {
Background:url (images/2.png) left top no-repeat;
}
</style>
<body>
<div class= "Img_box" > <a href= "#" > Hyperlinks transparent a:hover</a> </div>
</body>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
