Forums
|
|
|
Page 1 of 1
|
[ 2 posts ] |
|
Safari and Chrome Gradient Not working
Author |
Message |
viol
Joined: Tue Nov 13, 2012 10:22 am Posts: 1
|
 Safari and Chrome Gradient Not working
Hey all.
I am having an issue with none of my gradients working....Opear and IE8 work fine but not Safari or Chrome. The rounded corners are working fine...
Here is my CSS:
#mmenu { margin-left:-40px; margin-top:-80px; text-align: center; width: 1080px; height:40px; -webkit-box-shadow: #666 0px 1px 2px; -moz-box-shadow: #666 0px 1px 2px; box-shadow: #666 0px 1px 2px; background: #ff9933; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ff9933), to(#cc3300)); background: -webkit-linear-gradient(#ff9933, #cc3300); background: -moz-linear-gradient(#ff9933, #cc3300); background: -ms-linear-gradient(#ff9933, #cc3300); background: -o-linear-gradient(#ff9933, #cc3300); background: linear-gradient(#ff9933, #cc3300); -pie-background: linear-gradient(#ff9933, #cc3300); behavior: url(pie/PIE.htc); }
#middle{ margin:0px auto; border: 1px solid #cccccc; padding: 100px 0px; text-align: center; width: 1000px; height:300px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: #666 0px 2px 3px; -moz-box-shadow: #666 0px 2px 3px; box-shadow: #666 0px 2px 3px; background: #ffffff; behavior: url(pie/PIE.htc); }
Thanks a million...
|
Tue Nov 13, 2012 10:30 am |
|
 |
rulernature
Joined: Tue Nov 29, 2011 1:26 am Posts: 38
|
 Re: Safari and Chrome Gradient Not working
First of all you must use that pie.htc only for IE6+ browsers and not for firefox or safari or other browsers that support css3 natively!
|
Tue Dec 04, 2012 1:43 am |
|
|
|
Page 1 of 1
|
[ 2 posts ] |
|
Who is online |
Users browsing this forum: No registered users and 4 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
|
|