CSS3 PIE Forums
http://css3pie.com/forum/

IE6 crashing when stretching transparent gradient png
http://css3pie.com/forum/viewtopic.php?f=3&t=307
Page 1 of 1

Author:  Tonttu [ Wed Dec 08, 2010 3:46 am ]
Post subject:  IE6 crashing when stretching transparent gradient png

I'm trying to overlay a simple gradient on top of my body background image. This stretching tip on S.O. seemed nice.

I tried with -pie-background, but couldn't get the gradient image to behave like it should have: it didn't go from corner to corner, but had a padding. And I couldn't get it to appear behind my tab menu div, like it does in proper browsers.

This code causes IE6 to crash. I've attached the image. Do you think what I'm trying to do is impossible? Ehm.. I know about position: fixed and IE, but didn't yet think that far. Is this the best solution for IE6?

Code:
#musta_gradient {
    width: 100%;
    height: 100%;
    background-image: url('../kuvat/gradientmusta.png');
    background-repeat: repeat-x;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: -1;
    behavior: url(htc/PIE.htc);
}
#musta_gradient img {
-pie-png-fix: true;
behavior: url(htc/PIE.htc);
}
.stretch {
width: 100%;
}


Code:
<div id="musta_gradient">
<img src="kuvat/gradientmusta.png" class="stretch">
</div>


Attachments:
gradientmusta.png [1.18 KiB]
Downloaded 300 times

Author:  Tonttu [ Thu Dec 09, 2010 7:13 am ]
Post subject:  Re: IE6 crashing when stretching transparent gradient png

Tried with
Code:
-pie-background: linear-gradient(#ff727272, #00ffffff);

But I can't get the gradient to remain fixed in IE and go behind my tab layout.

Btw., here's a gradient generator that supports transparency.

Author:  Tonttu [ Tue Dec 14, 2010 6:42 am ]
Post subject:  Re: IE6 crashing when stretching transparent gradient png

I'm attaching an example html file with the image and PIE.htc beta3.

Attachments:
transparent_png_crashes_ie6.zip [13.76 KiB]
Downloaded 388 times

Page 1 of 1 All times are UTC - 7 hours [ DST ]
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
http://www.phpbb.com/