遮罩层 Mask layer

兼容情况: 支持 IE8+

fixed 固定定位,子元素透明

fixed 固定定位2,子元素不透明





示例一:在遮罩背景层的上面,不继承透明

父层的内容XXXXXXXX

示例二:在遮罩背景层的里面,继承透明

父层的内容XXXXXXXX

示例三:有高度的遮罩背景层(在遮罩背景层的上面,不继承透明)

父层的内容XXXXXXXX
标题文本

示例四:有高度的遮罩背景层,放在底部(在遮罩背景层的上面,不继承透明)

父层的内容XXXXXXXX
标题文本

示例四:有宽度的遮罩背景层,放在左侧(在遮罩背景层的上面,不继承透明)

父层的内容XXXXXXXX
标题文本

示例四:有宽度的遮罩背景层,放在右侧(在遮罩背景层的上面,不继承透明)

父层的内容XXXXXXXX
标题文本