创星网络[分享知识传递快乐] › 门户 ›网页编程语言› HTML/CSS› CSS › 查看内容

CSS中DIV弹出层问题解决方案

2012-8-8 10:06| 发布者: cryinglily| 查看: 638| 评论: 0|原作者: luinstein

摘要: 本文向大家描述一下DIV弹出层问题解决方案，主要有两种解决方法，一种是关于如何让png背景在IE6下透明，另一种是DIV弹出层时，层下内容透过DIV弹出层显示出来,解决方案是在DIV弹出层内加iframe,DIV弹出层本身要加定 ...

本文向大家描述一下DIV弹出层问题解决方案，主要有两种解决方法，一种是关于如何让png背景在IE6下透明，另一种是DIV弹出层时，层下内容透过DIV弹出层显示出来,解决方案是在DIV弹出层内加iframe,DIV弹出层本身要加定位（position:relative/absolute),要强调的是iframe要加透明滤镜。
  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

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

复制代码

文章来自学IT网：http://www.xueit.com/html/2009-12-31/36-817097565140.html

鲜花

握手

雷人

路过

鸡蛋

收藏分享邀请

		自动登录	找回密码
密码			立即注册

CSS中DIV弹出层问题解决方案

相关分类