- : : Perguntei e ninguém respondeu : : -: Sombra em DIV com CSS

terça-feira, 19 de julho de 2011

Sombra em DIV com CSS

Segue exemplo de código.

<html>
<head>
<title>CSS</title>
<style type="text/css">
<!--
a:link {
    color: #FFF;
}
.box {
    position:absolute;
    width:90px;
    height:90px;
    background-color:#900;
    -moz-box-shadow:10px 10px 8px #555;
    -webkit-box-shadow:10px 10px 8px #555;
    box-shadow:10px 10px 8px #555;

}
#shadowbox_info {
border: 0px solid;
}
#shadowbox_title {
border: 0px solid;
}
-->
</style></head>

<body>
<div class="box">Conteúdo da DIV - Camada</div>
</body>
</html>

O IE8 não funcionou, mas no Chrome e no Mozilla é perfeito.

Compatibilidade com Mozilla:
-moz-box-shadow:10px 10px 8px #555;

Compatibilidade com Chrome e Safari:
-webkit-box-shadow:10px 10px 8px #555;