怎麼用css把灰色的部分做的跟圖一樣,半透明

2022-09-06 22:30:33 字數 3721 閱讀 4989

1樓:

背景設定成原來的**,在上面加一個div設定opacity=50%的灰色背景。上面再浮動一個div寫字,記得設定高度為你要的高度

2樓:匿名使用者

background:rgba(255,255,255,0.8);

0.8  不透明度

css實現背景**半透明效果。

3樓:匿名使用者

你的**跟第二個層在同一個層裡,第二個層又是相對定位,當然不行了。

asdfasdfd

sdfsdfsdfsdfsdf

或者:asdfasdfd

sdfsdfsdfsdfsdf

css在灰色透明的背景下,如何才能使上面的字的顏色為白色? 10

4樓:我4蝸牛先生

透明背景不是元素透明度,只有設定了元素的透明度才會出現字型也會透明,所以顏色無論設為哪一種色彩都不是理想的。

常用灰色背景透明正確方法:

設定背景透明樣式  .bg,但是不支援ie低版本瀏覽器(ie8及以下);

設定背景**為半透明png**.bg,相容性較好,但是ie6瀏覽器下需要引用『ie6下png**透明外掛』(例如:dd_belatedpng)。

但是微軟已經宣佈淘汰ie6瀏覽器,ie6已不再成為相容調節的主流。

5樓:匿名使用者

可以使用css rgba通道

例如一些文字

不要使用opacity來設定,因為這樣會減低div標籤整體的透明度,包括裡面的內容,

如果使用了rgba之後,字型顏色還是灰色(一般情況為背景顏色遮蓋了字型),請將字型置於頂層,用z-index屬性,

6樓:細雨意思

背景的圓角矩形用帶透明通道的rgba顏色代替opacity,opacity會自動繼承給子元素。

7樓:匿名使用者

分兩個層,一個寫背景,一個寫文字,用定位規定好位置

8樓:匿名使用者

灰色透明背景 白色的字,分為2個並列的層寫,使用css定位,白色文字寫在透明背景上面

9樓:漠小麗

background:rgba(0,0,0,0.6);這種灰色背景不會被子元素繼承。但是隻支援高版本瀏覽器。

10樓:

你把字型設為白色不行麼...

11樓:gogo小腐女

可以把透明的背景做成一張png**

css3的png**背景半透明屬性怎麼做?

12樓:我是捕魚大亨

實現透明的css方法通常有以下3種方式(以下是不透明度都為80%的寫法)

css3的opacity:x,x 的取值從 0 到 1,如opacity: 0.8

css3的rgba(red, green, blue, alpha),alpha的取值從 0 到 1,如rgba(255,255,255,0.8)

ie專屬濾鏡 filter:alpha(opacity=x),x 的取值從 0 到 100,如filter:alpha(opacity=80)

13樓:程豆豆

**背景是不能做半透明的,純色的背景才可以。。。

opacity:.7;-moz-opacity:.7;/*火狐*/

filter:alpha(opacity=70); /*ie*/

14樓:深

為什麼不直接修改png**呢?

**半透明效果如何用css實現

15樓:匿名使用者

我們在瀏覽網頁的時候,見過有人將**做成變透明效果。這一效果我們可以通過圖象**軟體來實現。但如果**較多或者我們想在網頁中實現某種特殊效果,就只能用css來實現了。

其實這一效果用css來實現,也是非常簡單的,只要一句**即可:

alpha(opacity=?, finishopacity=?, style=?, startx=?,

starty=?, finishx=?, finishy=?)

這句**有什麼具體的含義,如何使用呢?

(1)「opacity」代表透明度水準,範圍是0---100,其實就是百分比的意思,如果你想變為全透明,那麼就用0代替opacity後面的問號吧。

(2)「finishopacity」就是用來指定結束時的透明度,範圍跟opacity一樣(finishopacity為可選引數。

(3)「style」是指定透明區域的形狀特徵,0代表統一形狀,1代表線形,2代表放射形,3代表長方形。

(4)「startx」與」starty」就是代表漸變效果開始的x與y座標,(座標應該知道是什麼吧)一般我們設定為startx=0, starty=0(這樣就是表示的透明效果是從**的左上角開始的。)

(5)「finishx」與「finishy」當然,這個就是代表漸變效果結束時的橫縱座標了,這裡很關鍵,填什麼數值那就要看你的**的高與寬了,假設我們的**高與寬分別是90、200畫素,那麼就可以寫成finishx=200, finishy=90。(如果你只想要一半的面積是透明,那麼可以設定成finishx=100, finishy=50)

以上的效果可以實現

16樓:維灣教育培訓

看這裡,是不是文字和**半透明?

怎麼使用css讓**實現半透明

17樓:乳酪

你看看你自己需要什麼效果自己調

如何用css實現**加個半透明邊框

18樓:黑馬程式設計師

aaa:

其中aaa是你選擇的需要半透明的元素

接下來的ys是你想要半透明的顏色

設定透明度為0.5就可以做到半透明瞭。

19樓:

border:5px solid rgba(0,0,0,0.3);在rgba裡面做手腳

css **半透明,文字不透明顯示

20樓:小鳥蟻人

這裡是要顯示的文字

效果圖:

效果還不錯,透明層有透明效果,文字可以正常顯示出來。這個方法還行吧,哈哈。我還會用三個div畫一個心形,好看得很喲!!@

21樓:法國和尚

最直接的方法。重新制作**,把**背景透明設設定小一點,把文字和**的透明度給弄弄。

22樓:

很簡單,不過很難寫

10分給偶了

asdfasdfd

sdfsdfsdfsdfsdf

或者:asdfasdfd

sdfsdfsdfsdfsdf

css裡**半透明怎麼寫

23樓:寒流大兵

filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;

第一個屬性是濾鏡,在ie中有效果,50表示 50%半透明第二個相容火狐瀏覽器,這裡的0.5更上面50一樣第三個是相容所有w3c標準的瀏覽器

24樓:娛樂螺螄粉

不懂樓主在說什麼,真的

怎麼把oppo手機的顏色調成灰色

怎麼把oppo手機的顏色調成灰色,只需依次進入手機 設定 顯示與亮度 夜間護眼 螢幕黑白顯示 開啟即可。如下圖所示 目前生產智慧大多數型號oppo手機字型顏色是無法調節的。但是字型樣式和字型大小是可以選擇和調整的。有些機友看到有的oppo手機字型顏色是彩色的這是手機是rooot後刷機改變系統的效果。...

怎麼用css來改變超連結文字的顏色,字型

2 在index.html中的標籤中,輸入css a。3 瀏覽器執行index.html頁面,此時用css成功改變了超連結的字型 大小 顏色。簡單的寫法 另一種方法 aa hover a hover 在css中 我給超連結字型定義了一個顏色,然後在html裡面如何更改部分超連結字型的 5 很簡單的,...

怎麼用PS去掉文字下的灰色色塊,怎麼用PS去除文字的灰色背景,使它變成白底黑字?

1 開啟photoshop。2 檔案 開啟。3 使用魔術橡皮擦,設定引數。4 新建圖層,設定前景色為白色,按alt delete填充顏色,拖拽至最底層。5 完成。如圖所示 ctrl l 色階 方法有幾種,如通道。顏色替換。等。這個只是其中較快捷的一種。o o 哈哈 希望對你的問題有所幫助。ps這張 ...