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

<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中DIV彈出層問題如何解決”的內容了，經過本文的學習后，相信大家對CSS中DIV彈出層問題如何解決這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！