кроссбраузерный drop shadow effect (отбрасыание тени)

понедельник, 29 ноября 2010

17:37

кроссбраузерный drop shadow effect (отбрасыание тени)

все записи пользователя в сообществе Kevin McLean

A kid from The Ural's

Доброго времени суток. Пытаюсь осуществить данную фишку fetchak.com/ie-css3/
Но по какой-то причине отказывается работать, не могу понять в чем дело. Вроде все делаю как в инструкции.
css

/* author: AFFLiCTiON */
/* Creation date: 29.11.2010 */
body {
        font: 80% verdana, arial, helvetica, sans-serif;
        text-align: center; /* for IE */
        background: #cacaca url(images/bg.jpg) repeat-x;
    }
    .box{
        background-color: #fff;
        margin: 0 auto;   /* align for good browsers */
        text-align: left; /* counter the body center */
        -moz-box-shadow: 10x 10px 15px #000; /* Firefox */
        -webkit-box-shadow: 10x 10px 15px #000; /* Safari and Chrome */
        box-shadow: 10x 10px 15px #000; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
        behavior: url(ie-css3.htc); /* This lets IE know to call the sсriрt on all elements which get the 'box' class */
        width: 80%;
        height:100%;
    }

html

<!DOCTYPE html>
<html>
<head>
<title></title>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<link rel="StyleSheet" type="text/css" href="style.css">



</head>
<body>
<div class="box">asdg
</div>

</body>
</html>

ссыль helpeks.ru/pl/example.html

@темы: css