支持IE6以上阴影效果纯CSS
2015-08-28 11:49
543 查看
<!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 charset="utf-8"> <title></title> <style type="text/css"> .shadow { width: 500px; height: 200px; position: absolute; top: 200px; background-color: #eee; border: #ccc 1px solid; position: absolute; -moz-box-shadow: 3px 5px 5px #969696; -webkit-box-shadow: 3px 5px 5px #969696; box-shadow: 3px 5px 5px #969696; filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=135, Strength=5); /*for ie6,7,8*/ } </style> </head> <body> <div class="shadow"></div> </body> </html>
相关文章推荐
- FLEX BOX (弹性魔盒) 完全指南
- Css
- css3文本效果
- div css float浮动用法(left right)
- CSS 实现图片灰度效果
- 一小时搞定DIV+CSS布局-固定页面开度布局
- CSS3:图片水平垂直居中
- 纯CSS标签tab
- 弹出层遮罩
- 在CSS中设置浮动元素两端对齐的2种方法分享
- CSS 表单元素对齐详解
- 移动设备显示尺寸大全 CSS3媒体查询
- 如何将网格式报表打印成其它样式
- 如何将网格式报表打印成其它样式
- 前端学习笔记—CSS
- Css中为对象应用样式的三种方法:id,class,style
- 浅析CSS负边距
- css position, display, float 内联元素、块级元素
- How to include cascading style sheets (CSS) in JSF
- php大力力 [031节] php设计系统后台菜单和样式设计