homepage Welcome to WebmasterWorld Guest from 54.196.62.23
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Pubcon Platinum Sponsor 2014
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

    
drop shadow code around border not working on IE8
esprague

5+ Year Member



 
Msg#: 4401005 posted 8:06 pm on Dec 23, 2011 (gmt 0)

Hello,

Our site currently uses dynamic width. We are currently in the process of updating this to fixed width that has a small drop shadow type border around the edges. This looks nice in FF and Chrome, but does not work properly at all in IE8. Here is the code we are using:

body.bg {
background-color: #f8eddd;
width: 1020px; margin: 0 auto;
-webkit-box-shadow: 1px 1px 5px 3px rgba(0, 0, 0, .3);
-moz-box-shadow: 1px 1px 5px 3px rgba(0, 0, 0, .3);
box-shadow: 1px 1px 5px 3px rgba(0, 0, 0, .3);
zoom:1; /* This enables hasLayout, which is required for older IE browsers */
filter: progid:DXImageTransform.Microsoft.Shadow(color='#b0b0b0', Direction=135, Strength=3);}

}

<body class="bg"> site content </body>


Does anyone have any feedback on the css here and what we could do for IE?

I can show you a sample page to compare in FF/Chrome/IE if requested and it's allowed.

Thanks,
Carl

 

Hoople

10+ Year Member



 
Msg#: 4401005 posted 7:53 pm on Dec 24, 2011 (gmt 0)

Internet Explorer 8 doesn't support box-shadow natively, see [msdn.microsoft.com...]

A different approach that supports IE 5.5 to IE 8 is here [robertnyman.com...]

Basically the syntax of the filter statement changes between versions. Your code is in the format that supports IE 5.5 to IE 7 only.

esprague

5+ Year Member



 
Msg#: 4401005 posted 7:00 pm on Dec 27, 2011 (gmt 0)

Thanks for your reply, will look into that.

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved