css遮罩层
2017-06-08 11:09
106 查看
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> #div1{ background: url(img/home-bg.jpg); text-align: center; width: 100%; } #div2 { width: 100%; height: 100%; background: rgba(0,0,0,.7); padding: 90px 0; } </style> </head> <body> <div id="div1"> <div id="div2"> <div style="height: 400px;"></div> </div> </div> </body> </html>效果图:
相关文章推荐
- CSS实现 全屏 遮罩
- css遮罩层
- DIV遮罩层如何实现_Div+CSS教程_CSS_网页制作
- CSS+Js遮罩效果的TAB及焦点图片切换(推荐)
- CSS遮罩层,全兼容
- div+css实现图片底部透明遮罩文字标题
- css鼠标悬浮图片遮罩特效
- css做遮罩了写法
- CSS页面遮罩
- css遮罩代码(已验证)
- css实现遮罩效果以及帧布局使用
- 学习笔记3--CSS制作鼠标放上后淡入透明遮罩层效果
- css遮罩层与fixed
- js+css实现div遮罩层效果
- C#实现winform仿div+css半透明遮罩效果
- 兼容各浏览器的遮罩层css代码
- DIV+CSS页面布局示例 遮罩层
- 通过JS+CSS实现简单的遮罩层
- css遮罩
- DIV+CSS(网页遮罩效果)