核心提示:在网上搜了很多方法都不太好使,其实换个思路就很容易解决了,可以让透明的p和内容的p同级设置样式,透明属性想怎么用就怎么用,写完后透明层的p的z-index比内容的小就行,就跑到他下面去了也不耽误无样式...
在网上搜了很多方法都不太好使,其实换个思路就很容易解决了,可以让透明的p和内容的p同级设置样式,透明属性想怎么用就怎么用,写完后透明层的p的z-index比内容的小就行,就跑到他下面去了也不耽误无样式,如果是做动态弹出框的话,关闭时是要两个p一块disaplay:none的:
这是一个遮盖全屏的p的css和另外一个p的css
.fillBlack{ position: absolute; width: 100%; height: 100%; background-color: black; top:0px; left: 0px; filter:alpha(opacity=50); opacity:0.5; z-index: 2; } .toolsPosition{ position: absolute; width: 400px; left: 35%; top: 25%; height: 300px; background-color: #fff; font-size: large; z-index: 3; }
1111
效果如下,其实就是换个思路,不把内容放到透明层里,然后通过z-index改变层次。视觉上是一样的。