Forums
View unanswered posts | View active topics It is currently Mon Jul 28, 2014 10:26 am



Reply to topic  [ 3 posts ] 
 IE6 crashing when stretching transparent gradient png 
Author Message

Joined: Sat Aug 21, 2010 11:12 am
Posts: 223
Post 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

_________________
PIE needs more community support persons! Time is money, which means you can fund PIE development by answering support questions.
Wed Dec 08, 2010 3:46 am
Profile

Joined: Sat Aug 21, 2010 11:12 am
Posts: 223
Post 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.

_________________
PIE needs more community support persons! Time is money, which means you can fund PIE development by answering support questions.


Thu Dec 09, 2010 7:13 am
Profile

Joined: Sat Aug 21, 2010 11:12 am
Posts: 223
Post 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 211 times

_________________
PIE needs more community support persons! Time is money, which means you can fund PIE development by answering support questions.
Tue Dec 14, 2010 6:42 am
Profile
Display posts from previous:  Sort by  
Reply to topic   [ 3 posts ] 

Who is online

Users browsing this forum: Baidu [Spider], Bing [Bot], Yahoo [Bot] and 6 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group.
Designed by STSoftware for PTF.