css 遮罩层

转载 2015年11月19日 15:08:43
#maskLayer{
   /*position:absolute;*/
   top: 0;
   left: 0;
   right:0;
   bottom:0;
   width:100%;
   height:100%;
   background:rgba(0,0,0,0.6);
   background:#000\9;/*CSS Hack,只能对ie9以下浏览器ie6,ie7,ie8有效,否侧ie10,FF,Cherome会失去透明效果*/
   filter:Alpha(opacity=60);/*只对ie7,ie8有效*/
   z-index:9999999;
}

在需要的时候js给一个div即可

CSS遮罩层简易写法

现在很多站点弹出框,都需呀
  • Dylan_Wei
  • Dylan_Wei
  • 2014年09月24日 13:59
  • 14816

DIV CSS遮罩层 简单实用小实例

DIV CSS遮罩层                function showdiv() {                          document.getElementById("...
  • sbtmbj2010
  • sbtmbj2010
  • 2015年03月18日 17:33
  • 860

自适应高度的一个遮罩层css

#J_GrayMask {display:block;position: fixed;z-index:3;top: 0px;left: 0px;height:100%;width:100%;backg...
  • hsany330
  • hsany330
  • 2013年04月08日 15:00
  • 1403

CSS+JQuery实现遮罩层淡入淡出的效果

CSS+JQuery实现遮罩层淡入淡出的效果
  • u014805893
  • u014805893
  • 2016年08月05日 18:05
  • 1750

遮罩层——通过阴影弱化背景的四种方案

方法一:代码-1:/* 用于遮挡背景 */ .overlay { position: fixed; top: 0; right: 0; bottom: 0; ...
  • u014695532
  • u014695532
  • 2016年06月24日 21:32
  • 2815

html+css+js实现弹出框+遮罩层

最近看到好多童鞋都在找弹出框和遮罩层的实现。 先来说遮罩层是个神马? 其实就是你弹出个东西,然后其他地方变黑了一点。就像遮住了其他地方一样。 那么实现原理呢? 就是设置一个div,宽度,高度是屏幕...
  • yy839126257
  • yy839126257
  • 2015年04月17日 14:45
  • 3278

div+css=>遮罩+弹出框(固定在页面中间)

效果图css代码 body{ font-family: "Microsoft YaHei" ! important; } /*灰色遮罩层*/ .fade{ width:100%; ...
  • Seety_ST
  • Seety_ST
  • 2015年10月10日 10:35
  • 7039

解决弹窗遮罩层在拉滚动条发现遮罩层没铺满屏幕的问题

在做项目时,用到了弹出框,下边要有一层遮罩。写了一个简单的遮罩,拉动滚动条后发现,遮罩层只是遮住了视口,下面看不到根本没遮住,后来经过度娘后才有了解决方法。 有问题的遮罩层代码 .modal .m...
  • yingzizizizizizzz
  • yingzizizizizizzz
  • 2017年05月31日 22:11
  • 1511

遮罩层Loading实现

先上图: 以下是几个必须的文件: 1.loading.css: #loading { position: fixed; top: 0; left: 0; width: 100%; ...
  • qq_15766297
  • qq_15766297
  • 2017年04月23日 15:37
  • 1245

CSS遮罩——如何在CSS中使用遮罩

有关于Webkit中的滤镜,大家要是感兴趣的话可以阅读《CSS3 Filter的十种特效》一文,里面介绍了filter十种特效。 ——大漠 今天我想说的另一个只有webkit才有的特性...
  • xygg0801
  • xygg0801
  • 2017年04月08日 15:14
  • 697
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:css 遮罩层
举报原因:
原因补充:

(最多只允许输入30个字)