CSS DIV弹出层问题如何解决

这篇文章主要讲解了“CSS DIV弹出层问题如何解决”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“CSS DIV弹出层问题如何解决”吧！

DIV弹出层问题解决方案

一、关于如何让png背景在IE6下透明

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src='/images/myimg.png',sizingMethod='crop');

三个参数的具体含义如下：

◆enabled:可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true|false
true:默认值。滤镜激活。
false:滤镜被禁止。

◆sizingMethod:可选项。字符串(String)。设置或检索滤镜作用的对象的图片在对象容器边界内的显示方式。

◆crop:剪切图片以适应对象尺寸。
image:默认值。增大或减小对象的尺寸边界以适应图片的尺寸。
scale:缩放图片以适应对象的尺寸边界。
src:必选项。字符串(String)。使用绝对或相对url地址指定背景图像。假如忽略此参数，滤镜将不会作用。

写CSS的时候将需要加此png背景的钩子针对IE6写个hack,*.mydiv{filter:progid:...;background:none;},注意把hack写在非hack的后面。
需要强调的是：要求png做背景透明时要固定放png背景的容器尺寸，不然会有很多神奇的现象出现，在需要透明png背景时写结构要谨记这一点。

二、DIV弹出层时，层下内容透过DIV弹出层显示出来,解决方案是在DIV弹出层内加iframe,DIV弹出层本身要加定位（position:relative/absolute),要强调的是iframe要加透明滤镜，visibility是inherit

另外建议将width，height直接写在iframe上，因为不同的DIV弹出层尺寸也是不同的。
大概结构如下：

Code

<style>  
iframe{  
z-index:-1;  
position:absolute;  
top:0px;  
left:0;  
border:0none;  
visibility:inherit;  
filter:Alpha(opacity=0);  
}  
</style>  
<divclassdivclass="popUp">  
iframestyle="width:100%;height:200px;">
</iframe>  
<div>contentinpopuplayer</div>  
</div>

css的三种引入方式

1.行内样式，最直接最简单的一种，直接对HTML标签使用style=""。

2.内嵌样式，就是将CSS代码写在之间，并且用进行声明。

3.外部样式，其中链接样式是使用频率最高，最实用的样式，只需要在之间加上就可以了。其次就是导入样式，导入样式和链接样式比较相似，采用@import样式导入CSS样式表，不建议使用。

感谢各位的阅读，以上就是“CSS DIV弹出层问题如何解决”的内容了，经过本文的学习后，相信大家对CSS DIV弹出层问题如何解决这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是亿速云，小编将为大家推送更多相关知识点的文章，欢迎关注！