首页 >

浏览器部分内容如何遮挡 – CSS – 前端,arcss中字段排序编号程序

css 刷新,style css引用,css 图片黑灰色,css固定位置不动,css filter 不起作用,js css弹出框 灰色背景,arcss中字段排序编号程序浏览器部分内容如何遮挡 - CSS - 前端,arcss中字段排序编号程序

遮挡浏览器部分内容,一般用到div,可以实现遮挡浏览器窗口的功能,代码为:

<div unselectable="on" style="background:#000;filter:alpha(opacity=10);opacity:.1;left:0px;top:0px;position:fixed;height:100%;100%;overflow:hidden;z-index:10000;"></div>

涉及css属性解释一下,根据实际需求调整对应参数:

1) background:#000: 将div的背景色设置为黑色; filter:alpha(opacity=10): 在IE下,将div的透明度设置为0.1; opacity:.1: 在非IE下,将div的透明度设置为0.1。

2) left:0px;top:0px;position:fixed;height:100%;100%: 定义div的高度和宽度分别是浏览器高度和宽度的100%。这里有个小技巧,如果div的position是fixed或者absolute,那么当div的高度设置为百分比(例如100%)时,div的高度将参照浏览器可视区域(viewport)的高度来计算。此外,设置position为fixed,可以使得浏览器即使在scroll或resize时也保证遮罩层一直挡在页面的可视区域。

3) overflow:hidden 用来避免滚动条的出现。

css 刷新,style css引用,css 图片黑灰色,css固定位置不动,css filter 不起作用,js css弹出框 灰色背景,arcss中字段排序编号程序浏览器部分内容如何遮挡 - CSS - 前端,arcss中字段排序编号程序


浏览器部分内容如何遮挡 - CSS - 前端,arcss中字段排序编号程序
  • css字体间距左 |html css 磁贴
  • css字体间距左 |html css 磁贴 | css字体间距左 |html css 磁贴 ...

    浏览器部分内容如何遮挡 - CSS - 前端,arcss中字段排序编号程序
  • dwcs6css网页背景 |css3 星空
  • dwcs6css网页背景 |css3 星空 | dwcs6css网页背景 |css3 星空 ...

    浏览器部分内容如何遮挡 - CSS - 前端,arcss中字段排序编号程序
  • html文件图标显示错误的解决办法 - CSS - 前端,css 动画对角摇动效果
  • html文件图标显示错误的解决办法 - CSS - 前端,css 动画对角摇动效果 | html文件图标显示错误的解决办法 - CSS - 前端,css 动画对角摇动效果 ...