马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有账号?注册
×
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=gbk" />
- <title></title>
- <style type="text/css">
- div.main{
- width:400px;
- height:200px;
- border:1px solid #6D98D0;
- position:relative;
- z-index:2;
- background:#fff;
- }
- div.shadow {
- width:402px;
- height:202px;
- margin-top:-200px;
- \margin-top:-198px;
- margin-left:1px;
- position:relative;
- z-index:1;
- background:#C5C5C5;
- filter:blur(20);
- }
- span.title{
- display:block;
- background:#6D98D0;
- width:100%;
- height:30px;
- border-bottom:1px solid #000;
- }
- </style>
- </head>
- <body>
- <div class="main">
- <span class="title"></span>
- </div>
- <div class="shadow"></div>
- </body>
- </html>
复制代码
哥哥写疯了,米上Q,告诉哥哥...如果这个div.main是自适合高度,而div.shadow不设置高度,怎么搞出相同的阴影效果... |