當前位置:首頁 » 風景景觀 » 背景色半透明

背景色半透明

發布時間: 2020-11-23 13:48:14

① css如何讓層背景顏色半透明

{
filter: Alpha(Opacity=50) /* for IE */
background-color: rgba(0, 0, 0, 0.5); /*for FF*/

}

② 怎麼用PS做出半透明的顏色 能把背景透出來

新建文件,設置背景色為透明,再打開一張圖片,把這張圖片拖到新建的文件(為第二層),並設置通明為50%

③ 怎麼做半透明的背景

在CSS中有一個Alpha濾鏡,這個濾鏡可以設置目標元素的透明度。還可以通過指定坐標,從而實現各種不同范圍的透明度。

具體語法如下:

{filter: alpha(opacity=#opacity,finishopacity=#finishopacity,style=#style,startx=#startx,starty=#starty,finishx=#finishx,finishy=#finishy)}

具體參數含義如下:

opacity 透明度。
默認的范圍是從0 到 100,他們其實是百分比的形式。也就是說,0代表完全透明,100代表完全不透明。
finishopacity 是一個可選參數,如果想要設置漸變的透明效果,就可以使用他們來指定結束時的透明度。范圍也是0 到 100。

style
指定透明區域的形狀特徵:
0 代表統一形狀,
1 代表線形,
2 代表放射狀,
3 代表矩形

startx 漸變透明效果開始處的 X坐標。
starty 漸變透明效果開始處的 Y坐標。
finishx 漸變透明效果結束處的 X坐標。
finishy 漸變透明效果結束處的 Y坐標。

以上的參數可以選用,可以只設置一個opacity

例如:

{filter:alpha(opacity=50)}

這個就是半透明的設置,只要把{}中的代碼加入到需要設置的模版中的{}的即可,記得與前面的代碼之間要用";"間隔,不然設置是無效的

例如:

要設置模版區域背景的顏色(白色)+半透明

只要在
.modbox{}
.modbl{}
.modbc{}
.modbr{}

中都設置background-color:white
這些就是模版背景設置的ID

然後再在.modbox,.modbl,.modbc,.modbr{}如果沒有這個的話可以自己加一個

加入filter : alpha(opacity=80)就可以達到所有模版的背景都是半透明的效果了

如果希望像我這樣只顯示blog的背景,別的都全透明的話,那麼就在別的模版中加入背景全透明的代碼即可

background:transparent
這就是背景全透明的代碼

不過這樣的話,相關模版的主要區域是透明了,可是底下還會有一條顏色留著的,所以另外還要在
.modbl{}
.modbc{}
.modbr{}
中也加入背景全透明的代碼,這樣才能讓模版區域完全透明,就像我現在的效果一樣

另外這個參數目前只能用於背景色的設置,背景圖片無法設置為半透明

例如:

.modbox{padding:10px 10px 0 10px;background-color:#FFFFFF;border-left:1px solid #813533;border-right:1px solid #813533}
.modbl{background:transparent;border-left:1px solid #813533;border-bottom:1px solid #813533;line-height:1px}
.modbc{background:transparent;border-bottom:1px solid #813533;line-height:1px}
.modbr{background:transparent;;border-right:1px solid #813533;border-bottom:1px solid #813533;line-height:1px}
.modbox,.modbl,.modbc,.modbr{filter:alpha(opacity=80);-moz-opacity:0.8;width:auto !important;width:100%}

紅色字是關鍵設置,如果不想設置全透明的話,可以把.modbl{}.modbc{}.modbr{}三個中的background:transparent改成.modbox{}中的background-color:#FFFFFF,當然這里的#FFFFFF你可以換成自己喜歡的顏色,不過為了美觀統一,建議這4個的顏色代碼最好設置為一樣的

附:#FFFFFF就是white,白色;#000000就是black,黑色

ID的代碼:

個人檔案#m_pro{}
空間標題欄#m_header{}
菜單欄是#tab{}
文章區域#m_blog{}
相冊區#m_album{}
友情鏈接#m_links{}
文章分類#m_artclg{}
最新評論#m_comment{}
訪問量區域#comm_info{}
......

以上所有模塊[除空間標題和菜單外]背後的大模塊.stage{}

這就是幾個大模塊的ID,把全透明代碼添加到其中想要設置全透明的ID{}內就可以了,如果沒有你要設置的模塊ID{},就自己添加上去

④ CSS如何定義DIV背景半透明顏色

  • 「長城郭靖」回答的是錯的,他答的是讓整個元素半透明


  • 只讓背景半透明只有一專個辦法,就是用rgba顏色屬,代碼如下

background:rgba(0,0,0,0.5)

解釋:這是黑色半透明的代碼

前三個值表示顏色的red,green,blue值

最後一個表示alpha值,就是透明度值,不透明為1

(支持IE8+以及所有現代瀏覽器)


  • 還是不懂的話,可以參考 網路 「rgba」詞條 和 「CSS 顏色值」詞條

⑤ HTML如何給背景顏色設置透明度

為div添加樣式。在<title>標簽後面創建一個<style>,在<style>標簽里設置rgba類的高
和背景透明度的樣式(rgba(R,G,B,A))。透明度參數,取值在0~1之間,不可為負值,
透明度參數越小透明度越高。
#test-1,#test-2,#test-3{
width:300px;
height:200px;
line-height:200px;
text-align:center;
display:inline-block;
margin-left:50px;
color:#FFF;
}

#test-1{
background-color:rgba(0,0,0,1);
}
#test-2{
background-color:rgba(0,0,0,0.5);
}
#test-3{
background-color:rgba(0,0,0,0.2);
}

⑥ 怎麼用ps做出這種文字顏色為半透明背景色的效果

1.
文字工具選白色寫文字
2.
圖層混合模式改為疊加

⑦ div設置背景半透明

#a{
background:#FFCC33;
filter:alpha(opacity=50);/*支持IE瀏覽器*/
-moz-opacity:0.50;/*支持FireFox瀏覽器*/
opacity:0.50;/*支持Chrome,Opera,Safari等瀏覽器*/
width:300px;
height:300px;
}

還有一種僅讓背景半透明,裡面內容不會透明

#a{
background:rgba(255,204,51,0.5);
width:300px;
height:300px;
}

前三個值專表示顏色的屬red,green,blue值

最後一個表示alpha值,就是透明度值,不透明為1

⑧ css背景色半透明後,彈出一個窗口,怎麼使背景色半透明覆蓋整個網頁

用js框架吧,jquery,extjs很容易實現,你會發現更多的功能

⑨ CSS怎麼設置讓背景顏色透明,而文字不透明

1、首先我們新建一個html文件,添加一個DIV,設置寬度和高度,以及背景色填充為紅色。

⑩ HTML如何給背景顏色設置透明度

(1)創建一個來html文件。如圖

熱點內容
一部國外電影,一個老男人騎個摩托車 發布:2024-08-19 09:13:10 瀏覽:920
脖子上有睾丸是什麼電影 發布:2024-08-19 09:03:17 瀏覽:374
變形金剛撒誰家的 發布:2024-08-19 08:43:06 瀏覽:478
美國男電影雙胞胎 發布:2024-08-19 08:42:20 瀏覽:764
黑人橄欖球少年收養電影 發布:2024-08-19 08:25:26 瀏覽:918
夏目哉大片 發布:2024-08-19 08:09:22 瀏覽:806
他第一部出演的電視劇是,的英語 發布:2024-08-19 08:07:54 瀏覽:654
電影檢索 發布:2024-08-19 07:48:52 瀏覽:198
誰有視頻 發布:2024-08-19 07:41:55 瀏覽:141
成龍香港鬼片電影大全 發布:2024-08-19 07:39:46 瀏覽:223