背景半透明

2021-06-16 23:01:29 字數 725 閱讀 9397

css中在希望半透明的部分後面新增如下**。 

filter: alpha(opacity=10); 

-moz-opacity:.1; 

opacity:0.1; 

句中的數字就是你希望半透明的程度,越小透明度越高。 

其實就是新增乙個濾鏡。三句話中第乙個是支援ie,第二個和第三個都是支援firefox的不同版本。 

比如說設定好背景之後想讓container部分半透明 

直接新增在後面。 

#container  

此時發現文章內容的也一併半透明了。如果想讓字型及內容不透明。只需在content中新增 

position:relative; 

就ok。 

如果只要一幅半透明。比如頭圖。只要在位址後面新增 

fliter:alpha(opacity=50); 

就ok。數字是透明度。 

方法一。 

起始透明度和結束透明度都是1-100數值。麻煩點就是寬度高度要自己定。 

align就是定位。居左left。居右right。居中center。 

style是濾鏡樣式。0均勻。1線狀。2圓形。3長方形。 

方法二。免調大小。 

引數同上。 

我自己試了下。同樣引數ms方法二比方法一明顯。 

但是。以上兩種方法的濾鏡樣式效果ms只支援ie。在firefox之下是沒有差別的——統統是半透明。 

原文:

背景半透明效果

背景為紅色 ff0000 透明度20 css example source code alpha1 ap2 這樣基本就可以實現啦,也不用擔心定位和自適應問題,最大的問題是僅ie支援。如果相容ff op怎麼寫呢?首先,上面這種定法是不行的啦,那就只能用兩個層重疊的方法啦。改下頁面結構與css樣式 ht...

popuwindow彈出時,背景半透明

1.popuwindow彈出時,彈窗背景是全透明的,可以在其彈出時新增如下 colordrawable cds new colordrawable 0x000000 popupw.setbackgrounddrawable cds windowmanager.layoutparams lp getw...

CSS彈出背景半透明視窗

script function if submit index 1 function pupopen 禁止瀏覽器滾屏 function pupclose script body bg popbox style 終於搞定這個效果了,ie和ff,op均可以 先說原理 兩個層,乙個高度和寬度都是100 另...