CSS IE背景透明的問題,CSS背景顏色透明

2021-07-09 18:55:31 字數 3527 閱讀 3046

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 選擇輸出的位置,點選 渲染 ...