DIV+CSS(网页遮罩效果)
2012-11-19 18:39
218 查看
<!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> <title></title> <style type="text/css"> #poplayer { position:absolute; top:100px; left:400px; width:300px; height:200px; z-index:8888; background-color:#9CAAC1; } #covered { position:fixed; _position:absolute z-index:888; top:0px; left:0px; width:100%; height:100%; background-color:Black; opacity:0.3; } </style> </head> <body> <input type="text" value="底层" /> <div id="covered"> </div> <div id="poplayer"> <input type="text" value="弹出层" /> </div> </body> </html>
相关文章推荐
- DIV+CSS(网页遮罩效果)
- DIV+CSS(网页遮罩效果)
- js+css实现div遮罩层效果
- js+css实现div遮罩层效果
- DIV遮罩层如何实现_Div+CSS教程_CSS_网页制作
- div+css网页本地上和上传到服务器后在IE11上看到的效果不一样?
- div+css实现圆角即网页上常用的圆角效果
- CSS+DIV网页样式与布局——页面背景&图片效果
- C#实现winform仿div+css半透明遮罩效果
- 网页添加div 遮罩层 js+css 半透明效果
- div+css浏览器中的网页视觉效果
- 精通CSS.DIV网页样式与布局(三)——中秋效果图
- 用DIV+CSS实现文字及面板阴影效果
- 网页切图过程中div+css命名规则
- div+CSS制作类似微信对话气泡效果的实例总结
- myRoad--详解一个漂亮的div+css网页模版(一)
- div+CSS完成网页布局(上下左右)
- HTML结构化:实践DIV+CSS网页布局入门指南
- 精通 CSS+DIV 网页样式与布局 1 什么是样式表
- CSS 网页表单实现鼠标悬停交互效果