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?
Forums
