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