Forums
View unanswered posts | View active topics It is currently Mon Nov 24, 2014 7:49 pm



Reply to topic  [ 2 posts ] 
 Problem with -pie-backgrounds & linear gradients 
Author Message

Joined: Sat May 12, 2012 5:59 pm
Posts: 1
Post Problem with -pie-backgrounds & linear gradients
I have this website http://www.kromimarket.com/prueba which uses CSS linear gradients. I've followed the PIE's documentation on this subject, but still can't get the right results I'm looking for. Take a look at the bottom of the page, there I've declared this rule:

Code:
.footer {
   height: 490px;
   background-image: linear-gradient(bottom, rgb(1,98,51) 7%, rgb(13,163,82) 54%);
   background-image: -moz-linear-gradient(bottom, rgb(1,98,51) 7%, rgb(13,163,82) 54%);
   background-image: -webkit-linear-gradient(bottom, rgb(1,98,51) 7%, rgb(13,163,82) 54%);
   background-image: -ms-linear-gradient(bottom, rgb(1,98,51) 7%, rgb(13,163,82) 54%);
   -pie-background: linear-gradient( bottom, rgba(1,98,51, 0.07), rgba(13,163,82, 0.54) );
   border-top-left-radius: 15px;
   border-top-right-radius: 15px;
   margin-top: 20px;
   behavior: url("templates/kromi/css/PIE-1.0beta5/PIE.htc");
}


Although IE seems to load PIE.htc file correctly, it still doesn't seem to work as expected. Can someone help me please?


Sat May 12, 2012 6:02 pm
Profile

Joined: Wed Jul 14, 2010 11:46 am
Posts: 1446
Post Re: Problem with -pie-backgrounds & linear gradients
Please spend some quality time with the documentation, you're running into some very common issues:

1) You're using longhand styles but only shorthand border-radius is supported: http://css3pie.com/documentation/suppor ... der-radius

2) The background is vanishing due to the common z-index issue: http://css3pie.com/documentation/known-issues/#z-index

3) rgba colors are not (yet) supported in gradients in IE6-8, though they do work in IE9: http://css3pie.com/documentation/suppor ... ures/#rgba


Sat May 12, 2012 8:34 pm
Profile
Display posts from previous:  Sort by  
Reply to topic   [ 2 posts ] 

Who is online

Users browsing this forum: Exabot [Bot] and 1 guest


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.