Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

CSS Forum


You are currently viewing our CSS Forum as a guest. Please register to participate.
Login



Reply
Can't get CSS3 PIE gradients to work in IE9
Old 10-27-2011, 10:39 AM Can't get CSS3 PIE gradients to work in IE9
pealo86's Avatar
Super Spam Talker

Posts: 876
Name: Matt Pealing
Location: England, north west
Trades: 0
I am using http://css3pie.com to add CSS3 features (just border-radius and background gradients) to this site I'm building:
http://concept.freshbeat.co.uk/match...2011-02/0-dev/

However, the gradient backgrounds do not appear to be working in IE9. According to the CSS3 PIE website, the latest version adds support for IE9 gradients.

Has anyone else had this problem?

For example, I am styling the pink navigation bar like so:
Code:
#nav {
    behavior: url(./script/PIE-1.0beta5/PIE.htc);
    background: #fa3b90; /* Old browsers */
    background: -moz-linear-gradient(top, #fa3b90 0%, #c80468 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fa3b90), color-stop(100%,#c80468)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fa3b90 0%,#c80468 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fa3b90 0%,#c80468 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fa3b90 0%,#c80468 100%); /* IE10+ */
    background: linear-gradient(top, #fa3b90 0%,#c80468 100%); /* W3C */
    -pie-background: linear-gradient(top, #fa3b90 0%,#c80468 100%); /* PIE */
    margin: 10px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    float: left;
    width: 928px;
    padding-left: 10px;
    margin-bottom: 10px;
    border: #fa3b90 solid 1px;
}
__________________

Please login or register to view this content. Registration is FREE

Last edited by pealo86; 10-27-2011 at 10:40 AM..
pealo86 is offline
Reply With Quote
View Public Profile Visit pealo86's homepage!
 
 
Register now for full access!
Old 11-14-2011, 04:52 AM Re: Can't get CSS3 PIE gradients to work in IE9
flexdesigns's Avatar
Extreme Talker

Posts: 187
Name: Nathaniel
Location: United Kingdom
Trades: 0
have you added
Code:
behavior: url(/PIE.htc);
at the end of the css where the gradient is and added the pie files ?

*update.

I see you have it placed at the top. try moving it to the bottom
__________________
Here to inspire you
Please login or register to view this content. Registration is FREE

Last edited by flexdesigns; 11-14-2011 at 04:53 AM..
flexdesigns is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to Can't get CSS3 PIE gradients to work in IE9
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.89385 seconds with 12 queries