1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88
|
<!--style type="text/css" -->
<link rel="stylesheet" type="text/css" href="test.css"/>
<!--[if !IE]><-->
<style type="text/css">
#menu li ul{
position:absolute;
}
</style>
<!--><![endif]-->
</head>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<body bgcolor="#CCCCCC">
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<div class="container">
<!--[if lte IE 8]>
<script type="text/javascript" src="../script/Da.js"></script>
<![endif]-->
<br />
<br />
ci dessous le code css
.container{width:780px; margin:0 auto; height:800px;background-color:#FFFFFF;
-moz-border-radius:40px 40px 40px 40px;
-moz-box-shadow:10px 10px 10px #888;
-webkit-border-radius:40px 40px 40px 40px;
-webkit-box-shadow:10px 10px 5px #888;
box-shadow:10px 10px 5px #888;
filter: progid:DXImageTransform.Microsoft.DropShadow(color=#888888,direction=120,strength=12);
-ms-filter: progid:DXImageTransform.Microsoft.dropShadow(color=#888888, offX=5,offY=5,positive=false);
/*
filter: progid:DXImageTransform.Microsoft.Shadow(color=#888888, offX=5,offY=5,positive=false);
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#888888, offX=5,offY=5,positive=false);
*/
}
#topbar{width:auto; display:block; height:80px;}
#navbar{width:auto; display:block; height:24px;background-color:#FFFFFF} |
Partager