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

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

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的菜鳥問題

id不一定是css裡才有用,因為一個id名只能在一個頁面裡出現一次,所以它可以迅速找到指定的元素,在js jq和其他程式裡經常會用到這個特性找元素物件 雖然css可以使用id屬性作為選擇符,但是id屬性並不是專門為css準備的,所以在css中沒有id對應的樣式定義也就很正常了.id屬性在html中用...

關於CSS自適應高度的問題,關於CSS自適應高度的問題

親,你可以用個大的div套住這兩個小的div,大的div預設自適應最高的那個div的高度,你把左邊的都是值為height 100 了,所以左邊的高度也會變得和又邊的高度一樣 aaabbb bbbb bbbb bbbb bbbb bbbb bbbb bbbb bbbb bbbb bbbb bbbb b...

怎麼製作背景透明的電子印章,如何在word中加透明背景的電子印章而不蓋住原本word中的字

wps文件小技巧,如何用wps製作插入電子印章,設定 透明 你好!很樂意幫你解答!我幫你製作一個電子印章,可以幫你製作電子公章,財務章,合同章,圓形透明背景的 不是傳統的白色背景 章的外框和字型內容是紅色,直徑是40mm或者42mm的。這樣以標準的a4紙列印為準,列印出來的章大小和實際章的大小是一樣...