Fade a CSS box shadow

Hi folks,

I've posted this on Stack Overflow and after reviewing the responses I'm not entirely sure it can be done. I'm trying to emulate this shadow effect (which uses images) British Council Sweden but the best I've managed to do is more-or-less a simple box-shadow as you can see here.

progid:DXImageTransform.Microsoft.Shadow Not around the Div in IE 8


I'm trying to create a box-shadow alternative for IE8.0. But something weird is happening.

I created a div called "div "schaduw_ie"". I also use modernizer. So in my css file I use: .no-boxshadow .schaduw_ie {bla bla}

I Actually see the shadow, but a lot smaller than the div.

I checkt with developers program in IE the DIV. When I select this class I see a blue border. And this is the actual blue border and the expected div size. But the shadow is a lot smaller.

I also tried ie-css3.htc, But this did not suit my needs.

box-shadow not working on middle content

Hi Guys

The "shadow_sides" class is not displaying on my "middle" id.

If I include my footer id inside the wrapper id, it works, but I get a white background on my bottom round corners.

Any help will be great!

Thank you.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
* {
margin: 0;
padding: 0;

Syndicate content