Return to Snippet

Revision: 27390
at June 5, 2010 07:09 by Ashung


Initial Code
<!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" >
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Dialog</title>
<style type="text/css">
.dialog{
    position:absolute;
    padding:5px;
    background:rgba(0,0,0,0.1);
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#22000000,endColorstr=#22000000);
}
.dialog-inner{
    background:#fff;
    border:1px solid #ccc;
}
.dialog-content{
    width:500px;
}
</style>
</head>
<body>
<div class="dialog" style="top:10px;left:10px;">
    <div class="dialog-inner">
        <div class="dialogcontent">
            CONTENTS...
        </div>
    </div>
</div>
</body>
</html>

Initial URL


Initial Description
Dialog with CSS Shadow. 
It does't use any png transparent images. 
Support browser:
 IE5 +( use IE CSS filter ), Firefox 3 +, Opera 10 +, Safari 3 +, Chrome all.

Initial Title
Dialog with CSS Shadow

Initial Tags


Initial Language
CSS