Fade Transparency
-
-
- MrCodexCY
- Rocketeer
- Posts: 73
- Thanks: 0
- Web Design Specialist
-
Hello,
I have created a new splash page for my clients, everything works great, but in IE i have that png problem... I fixed it, and it works perfect, but only when the picture has fade in completely. The time that the image fades in and out, the png has a black background.
Anyone got an idea?
Thanks,
Artemis - Even a broken clock is right twice every day.
-
-
-
- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
-
That is one of the many IE bugs that made IE the most hated browser.
PNG transparency and opacity just don't work together.
There is nothing you can do about it.
I always replace the transparent 32-bit-png with a jpg (or a 8-bit-png) via a browser specific css-file for IE. (conditional comments or gantry browser detection)
-
-
-
- MrCodexCY
- Rocketeer
- Posts: 73
- Thanks: 0
- Web Design Specialist
-
Yea agree.. But how this guy made it?
www.bridgeland.com/ - Even a broken clock is right twice every day.
-
-
-
- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
-
look at his source code:
!--[if lt IE 7]>
<div class="boat iealphaboat">
<div style="display:block;width:664px;height:340px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src=/images/stories/rotator/boat.png);"></div>
</div>
<img src="/images/stories/rotator/boat.png" class="png-fix ieboat" />
<![endif]-->
<!--[if gt IE 6]>
<div class="boat iealphaboat">
<div style="display:block;width:664px;height:340px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src=/images/stories/rotator/boat.png);"></div>
</div>
<img src="/images/stories/rotator/boat.png" class="png-fix ieboat" />
<![endif]-->
he used ie Filters ..
pretty clever
-
Time to create page: 0.086 seconds