Forums
View unanswered posts | View active topics It is currently Thu Nov 27, 2014 5:48 am



Reply to topic  [ 3 posts ] 
 rounded corners working - box shadows aren't 
Author Message

Joined: Fri Sep 14, 2012 4:55 pm
Posts: 2
Post rounded corners working - box shadows aren't
Not sure what is going on here and I will be the first to admit I am not webdev. pie.htc is in place and is being called fine as is evidenced by the rounded corners, but for the life of me, I can't get the box shadows to work. The page in question is here:

http://harlo.pioneertrustbank.com/page/contact_us

You can see the desired effect in IE9/Chrome/Firefox. I don't care about IE7, but we definitely care about consistency in IE8. Any help any of you can provide would be great!


Fri Sep 14, 2012 4:57 pm
Profile

Joined: Fri Sep 14, 2012 4:55 pm
Posts: 2
Post Re: rounded corners working - box shadows aren't
Here is the CSS in question:

/*--------------------------------*/
/* Globals */
/*--------------------------------*/
/*body {background:#ae8a55;}*/
.borderradius .fullradius, .directionswrap .fullradius, .directionswrap{-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; behavior: url(/assets/css/PIE.htc);}
.borderradius .leftradius{-webkit-border-radius: 3px 0 0 3px;-moz-border-radius: 3px 0 0 3px;border-radius: 3px 0 0 3px;behavior: url(/assets/css/PIE.htc);}
.borderradius .rightradius{-webkit-border-radius: 0 3px 3px 0;-moz-border-radius: 0 3px 3px 0;border-radius: 0 3px 3px 0;behavior: url(/assets/css/PIE.htc);}
.borderradius .top_radius, .top_radius{-webkit-border-radius: 3px 3px 0 0;-moz-border-radius: 3px 3px 0 0;border-radius: 3px 3px 0 0;behavior: url(/assets/css/PIE.htc);}
.borderradius .bot_radius, .bot_radius{-webkit-border-radius: 0 0 3px 3px;-moz-border-radius: 0 0 3px 3px;border-radius: 0 0 3px 3px;behavior: url(/assets/css/PIE.htc);}
.borderradius .botradius{-webkit-border-radius: 0 0 4px 4px;-moz-border-radius: 0 0 4px 4px;border-radius: 0 0 4px 4px;behavior: url(/assets/css/PIE.htc);}
.borderradius .botrightradius{-webkit-border-radius: 0 0 4px 0;-moz-border-radius: 0 0 4px 0;border-radius: 0 0 4px 0;behavior: url(/assets/css/PIE.htc);}
.borderradius .botleftradius{-webkit-border-radius: 0 0 0 4px;-moz-border-radius: 0 0 0 4px;border-radius: 0 0 0 4px;behavior: url(/assets/css/PIE.htc);}

.boxshadow .shadow { box-shadow:0 1px 3px #b3b3b3; -webkit-box-shadow:0 1px 3px #b3b3b3; -moz-box-shadow:0 1px 3px #b3b3b3; }
.boxshadow .shadowdown{-webkit-box-shadow: 0px 2px 4px 2px rgba(0, 0, 0, .15);-moz-box-shadow: 0px 2px 4px 2px rgba(0, 0, 0, .15);box-shadow: 0px 2px 4px 2px rgba(0, 0, 0, .15);behavior: url(/assets/css/PIE.htc);}
.boxshadow .shadowdown_sml{-webkit-box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, .18);-moz-box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, .18);box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, .18);behavior: url(/assets/css/PIE.htc);}
.boxshadow .shadowglow{-webkit-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, .2);-moz-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, .2);box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, .2);behavior: url(/assets/css/PIE.htc);}
.boxshadow .downshadow{box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, .2); -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, .2); -moz-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, .2);behavior: url(/assets/css/PIE.htc);}


Fri Sep 14, 2012 5:17 pm
Profile

Joined: Wed Jul 14, 2010 11:46 am
Posts: 1446
Post Re: rounded corners working - box shadows aren't
It's not totally clear but it looks like all your box-shadow styles are using selectors that depend on the .box-shadow class that is added to the html element by Modernizr. Of course, since IE8 does not support box-shadow natively, Modernizr does not add that class, so your selectors don't match.


Mon Sep 17, 2012 4:49 pm
Profile
Display posts from previous:  Sort by  
Reply to topic   [ 3 posts ] 

Who is online

Users browsing this forum: Bing [Bot] 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

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