1樓:time花花花
在css中有一個alpha濾鏡,這個濾鏡可以設定目標元素的透明度。還可以通過指定座標,從而實現各種不通範圍的透明度。具體語法如下:
具體引數:
opacity 透明度。預設的範圍是從0 到 100,他們其實是百分比的形式。也就是說,0代表完全透明,100代表完全不透明。
finishopacity 是一個可選引數,如果想要設定漸變的透明效果,就可以使用他們來指定結束時的透明度。範圍也是0 到 100。
style 指定透明區域的形狀特徵:0 代表統一形狀,1 代表線形,2 代表放射狀,3 代表矩形
startx 漸變透明效果開始處的 x座標。
starty 漸變透明效果開始處的 y座標。
finishx 漸變透明效果結束處的 x座標。
finishy 漸變透明效果結束處的 y座標。
測試:filter:alpha(opacity=50);
#snake
背景透明效果
2樓:匿名使用者
沒碰到過,但是可以提供一個猜測的思路。
ie只能給塊級元素加透明。
而jquery的show有的時候在顯示的時候,直接給元素加上displya:inline的屬性,改變了預設的塊級屬性。
可以試試在顯示之後,設定元素的塊級屬性$("#tips").show().css();
css背景顏色透明
3樓:匿名使用者
相容大部分主流瀏覽器 filter:alpha(opacity=50); 在ie裡面是相當於指令碼的存在
4樓:
filter:alpha(opacity:50); //opacity後面不能用「=」,
opacity:0.5;
上面是相容ie的寫法,下面是相容非ie的寫法
5樓:雨要訣
ie6是不支援opacity這個屬性的,如果一定要做透明背景,建議使用gif格式的**,把**做成透明的,然後設為背景。png格式的圖也能做成透明的,但在ie6中會有點問題,也可以使用js** 修正,但最好還是用gif。
6樓:勞雙韶旭
個人建議做一個有透明度的png,然後把這個**設定成input的背景。因為在ie裡面,對於alpha濾鏡,會把這個濾鏡應用到對於元素及其內部所有文字上的,透明度設定得低一點還看不太出來,設定得一高,就會有各種問題了。
css 背景顏色透明怎麼弄
7樓:匿名使用者
外層div:
background-color: rgba(255, 255, 255, 0.9); /* 白色並且阿爾法通道是0.9*/
內層div:
background-color: #fff; /*背景色是白色, 覆蓋原來的顏色*/
8樓:等待放飛夢想
這有個問題。首先用最單的辦法是用css3 background-color:rgba(0,0,0,0.5);
但這個相容性***。第二種就是他們說的這樣了。這會讓裡面的文字一起透明。所以。辦法是用兩個層疊起來。
9樓:匿名使用者
測試文字
.toumin
.text
10樓:
給div加一個透明的**啊
css怎麼可以只讓背景透明 文字不透明
11樓:智慧小白菜
1、首先新建bai一個duhtml檔案,新增一個div,設定寬度和高度zhi,dao以及背景色填充為紅色。
內2、然後在父級
容div中插入一個子div,定義它的寬高,以及背景色(background:#fff;)。
3、然後新增一個透明度的**(opacity:0.6),儲存後預覽下效果,背景已經實現透明瞭,但是文字也透明瞭。
4、熟悉ps的同學應該都知道,在圖層的上方,有個不透明度,把ps中圖層不透明度設定為60%,就和網頁中的效果一樣了,他們是一個數值。
5、把剛才的背景色和不透明度**刪除,換個**【background-color:rgba(255,255,255,0.6);】。
6、儲存後看下效果,已經變成了背景透明,文字不透明啦。
7、其中255,255,255就是ps中的拾色器裡的數值啦。
8、0.6同第一種方式是一個含義。
12樓:爽朗的許選
背景使用rgba的方式,然後使用濾鏡相容一些令人反感的瀏覽器,比如ie
//一般的高階瀏覽器都支援
background: rgba(255,255,255,0.1);
//ie8下
filter:progid:dximagetransform.
microsoft.gradient(startcolorstr=#4c000000,endcolorstr=#4c000000);
第二句話的意思就是當上一行的透明度不起作用的時候執行。這句話的意思本來是用來做漸變的。但是這個地方不需要漸變。所以兩個顏色都設定成了相同的顏色。
這個顏色「#19ffffff」是由兩部分組成的。
第一部是#號後面的19 。是rgba透明度0.1的iefilter值。從0.1到0.9每個數字對應一個iefilter值。對應關係如執行截圖所示。
第二部分是19後面的六位 。這個是六進位制的顏色值。要跟rgb函式中的取值相同。比如rgb(255,255,255)對應#ffffff;就是白色。
13樓:高階前端工程師
background:rgba(255,255,255,0.7)
14樓:網海1書生
如果背景是單色的bai,可不用css的透明du屬性(即zhiopacity),而是使用透明色(利用rgba函式dao),比如專:
背景是透明度屬0.5的紅色,文字不透明
如果背景是**,則可以把背景和文字分別做成兩個兄弟關係(而不是父子關係)的層,然後把背景層做成透明,再把文字層覆蓋在背景層上即可,比如:
背景是透明度0.5的**,文字不透明
15樓:匿名使用者
這個只能把文字放在透明的標籤之外,然後定位,漂浮在透明層的上面
16樓:上海中公優就業
**如下:
背景透明,文字不透明
17樓:過兒無敵
可以使用rbga,如:background:rgba(0,0,0,0.3);
最後一個值是透明度,範圍0到1,
前3個是rgb的顏色值。
18樓:匿名使用者
別用#000這種;
用rgba(0,0,0,.6)
19樓:匿名使用者
background: transparent;---純透明
background:rgba(2,2,2,0.6)--自己設定
在css中怎樣讓文字的背景色透明
設定元素的透明度 moz opacity 0.8 在firefox中設定元素透明度 filter alpha opacity 80 ie使用濾鏡設定透明 但是當我們對一個標籤設定背景的透明度時,往往我們並不希望該標籤上的文字 也變成半透明瞭。例如 不透明 div可以很明顯的看出文字也被半透明的,這是...
ps背景內容中背景色,透明,白色的區別
透明背景只適合應用在web網頁上,白色的話就會顯示有白色的圖層 ps cs6裡面如何把文字後面白色背景變成透明 1 啟動ps 進入到bai新建文du檔的介面,在這裡點選 新zhi建 2 彈dao出新建文件的面板,在 背景 內內容容 這裡點選下拉按鈕,在彈出的選單中選擇 透明。3 假設 現在要把透明背...
如何用AE渲染出透明背景的文字
用ae渲染出透明背景的文字步驟如下 1 新建一個合成,利用ae裡面的motion factory typer buider快速生成文字動畫版。權 2 按快捷鍵 ctrl m 開啟渲染佇列,點選 輸出模組 3 格式選擇 quicktime 通道選擇 rgb alpha 4 選擇輸出的位置,點選 渲染 ...