最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

弹出遮罩、meta内容含义_html/css_WEB-ITnose

来源:动视网 责编:小采 时间:2020-11-27 15:57:03
文档

弹出遮罩、meta内容含义_html/css_WEB-ITnose

弹出遮罩、meta内容含义_html/css_WEB-ITnose://编码 // 离线应用的另一个技巧 // 隐藏状态栏 //指定的iphone中safari顶端的状态条的样式 //告诉设备忽略将页面中的数字识别为电话号码#landscape { display: none; }//竖屏时使用的样式#portrait { display: none; }//横屏时使
推荐度:
导读弹出遮罩、meta内容含义_html/css_WEB-ITnose://编码 // 离线应用的另一个技巧 // 隐藏状态栏 //指定的iphone中safari顶端的状态条的样式 //告诉设备忽略将页面中的数字识别为电话号码#landscape { display: none; }//竖屏时使用的样式#portrait { display: none; }//横屏时使

//编码 // 离线应用的另一个技巧 // 隐藏状态栏 //指定的iphone中safari顶端的状态条的样式 //告诉设备忽略将页面中的数字识别为电话号码//竖屏时使用的样式//横屏时使用的样式

  效果图:

html:

原理为在被遮罩层上添加一个隐藏的id="brg"的宽高为100%的DIV层,点击某按钮时显示该层,以达到被遮罩层无法点击,实现失去焦点的效果。被弹出层(确定窗口)设置其Z轴位置:Z-INDEX为最高即可。

取消确定

#brg{width:100%; height:100%;filter:alpha(opacity=60); -moz-opacity:0.6; opacity: 0.6; display:none;}#showdiv{z-index:20; display:none; }

 2014-8-19:新的遮罩层实现方式:兼容ie6:

VIP充值尚未开放

敬请期待~

  

*html { background: url(*) fixed; }body { _background: url(about:blank) fixed;}.vip_none{width: 400px;height: 250px;background:#fff;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius: 7px; z-index: 1002; display: none; position:absolute; top: 30%; left: 38%; overflow: auto; }.close_btn{height: 40px;background: #f2f2f2; -webkit-border-radius:7px 7px 0 0; -moz-border-radius:7px 7px 0 0; border-radius:7px 7px 0 0; -webkit-box-shadow: 0 1px #e0dfdf; -moz-box-shadow: 0 1px #e0dfdf; box-shadow: 0 1px #e0dfdf; margin: 1px 1px 0 1px;}.close_btn img{ float: right; margin-top: 8px; margin-right: 8px; border:0;}.vip_none p{ font-size: 32px; color: #505050; -webkit-text-shadow: 1px 0px #bbbbbb; -moz-text-shadow: 1px 0px #bbbbbb; text-shadow: 1px 0px #bbbbbb; text-align: center; margin-top: 60px; }#brg{ overflow: hidden; width:100%; height:100%; background:#ccc; position:fixed; top:0; left:0; filter:alpha(opacity=60); -moz-opacity:0.6; opacity: 0.6; display:none; z-index:1000; _position:absolute; _height:6100px; _width:2000px; _left:0; _top:0;}

 

文档

弹出遮罩、meta内容含义_html/css_WEB-ITnose

弹出遮罩、meta内容含义_html/css_WEB-ITnose://编码 // 离线应用的另一个技巧 // 隐藏状态栏 //指定的iphone中safari顶端的状态条的样式 //告诉设备忽略将页面中的数字识别为电话号码#landscape { display: none; }//竖屏时使用的样式#portrait { display: none; }//横屏时使
推荐度:
标签: 弹出 意思 html
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top