melky,
я уже тут слепить успел из всего этого:
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>:)</title>
<script type="text/javascript" src="https://gist.github.com/raw/2886470/f9291a41996584aa3ba58170a893ac536c610523/css.min.js"></script>
<style>
* { margin:0; padding:0; }
#above {
background-color: #ccc;
position: relative;
top: 50px;
left: 50px;
width: 300px;
height: 300px;
color: blue;
box-shadow: -10px 0px 20px 4px rgba( 255, 0, 0, .5 ),
0px -10px 20px 4px rgba( 0, 255, 0, .5 ),
10px 0px 20px 4px rgba( 0, 0, 255, .5 ),
0px 10px 20px 4px rgba( 0, 0, 0, .5 );
-ie-box-shadow: -10px 0px 20px 4px rgba( 255, 0, 0, .5 ),
0px -10px 20px 4px rgba( 0, 255, 0, .5 ),
10px 0px 20px 4px rgba( 0, 0, 255, .5 ),
0px 10px 20px 4px rgba( 0, 0, 0, .5 );
}
</style>
</head>
<body>
<button onclick="
var style=document.getElementById('above').style;
style.IeBoxShadow='none'; /* свойство для ИЕ */
style.boxShadow='none'; /* для всех остальных */
">Убрать все тени</button>
<button onclick="
var style=document.getElementById('above').style;
style.IeBoxShadow='4px 4px 8px rgba( 0, 0, 0, .6)'; /* свойство для ИЕ */
style.boxShadow='4px 4px 8px rgba( 0, 0, 0, .6)'; /* для всех остальных */
">Поставить другие тени</button>
<div id="above">Hello World</div>
</body>
</html>