Wolfie7873
Technical User
The shadow class below is applied to three elements, however in IE8, it only renders on one, the most interior. Anyone know how to get it to show up on the other two divs for which it is declared?
Code:
.black_shadow {
-moz-box-shadow: 2px 2px 5px #000;
-webkit-box-shadow: 2px 2px 5px #000;
box-shadow: 2px 2px 5px #000;
/* For IE 8 */
-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#000000')";
/* For IE 5.5 - 7 */
filter:progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#000000', Enabled='true');
}
Code:
<body>
<div class='wca'>
<div class='header full_width blue_to_white black_border black_shadow'>
<div class='header_contents'>
<div class='branding left'>
<img src='images/WCA_monogram_only.png' class='brand white-bg'/>
<img src='images/logo_amper_transparent.png' class='brand' />
</div>
<div class='right slideshow' id="fadeshow1"></div>
<div class='clearboth'></div>
</div>
</div>
<div class='semantic_divider full_width'>
Development Economics, Market Analysis, City Planning
</div>
<div class='main_content blue_to_white black_border full_width black_shadow'>
<div class='sub_container'>
<div class='main_sub black_shadow'>
<div class='menu_container gray_light_to_dark_top_down'>
<div class='menu_tab'>
<a href='index.html'>Home</a>
</div>
<div class='sep'>|</div>
<div class='menu_tab'>
<a href='projects.html'>Projects</a>
</div>
<div class='sep'>|</div>
<div class='menu_tab'>
<a href='press.html'>Press</a>
</div>
<div class='sep'>|</div>
<div class='menu_tab'>
<a href='contact.html'>Contact</a>
</div>
<div class='sep'>|</div>
<div class='menu_tab'>
<a href='about.html'>About</a>
</div>
</div>
<br/>
<div class='content'>
this is the index file.
</div>
</div>
<div class='right id'>site design | photography</div>
</div>
</div>
<div class='remainder'>
</div>
</div>
</body>