CSS中DIV弹出层问题如何解决

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

让客户满意是我们工作的目标,不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户,将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴,公司提供的服务项目有:主机域名、网页空间、营销软件、网站建设、义县网站维护、网站推广。

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

    iframestyle="width:100%;height:200px;">  
contentinpopuplayer
  

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


分享文章:CSS中DIV弹出层问题如何解决
本文网址:http://bzwzjz.com/article/jjcphs.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 商城网站建设 手机网站设计 成都营销网站建设 成都网站建设 响应式网站建设 移动网站建设 移动手机网站制作 网站建设 成都网站建设 成都网站建设 定制级高端网站建设 网站设计公司 手机网站建设套餐 成都响应式网站建设 外贸网站设计方案 LED网站设计方案 响应式网站设计 成都网站制作 重庆企业网站建设 成都响应式网站建设公司 企业网站设计 重庆电商网站建设