css背景透明

2022-08-14 05:27:13 字數 642 閱讀 8414

css實現背景透明而文字不透明

平時我們所說的調整透明度,其實就是在樣式中調整不透明度,而實現透明的css方法通常有如下3中方式:

css3的opacity:x。x的取值為0到1,如opacity:0.5表示不透明度為50%;

css3的rgba(red,green,blue,alpha),alpha的取值為0到1,如rgba(255,255,255,0.5)表示不透明度為50%;

ie專屬濾鏡filter:alpha(opacity=x),x的取值為0到100,如filter:alpha(opacity=50)表示不透明度為50%

css3的opacity

相容性:ie6、7、8都不支援,ie9及以上和其他標準的瀏覽器都支援

但是使用opacity設定元素的不透明度會使其所有後代元素都會隨著一起具有透明度,一般都用於調整或者模組的整體不透明度

背景透明,文字也透明

使用後整個模組都會變透明,效果如下:

所以只使用opacity想是想背景透明,文字不透明是不行的。

css3的rgba

相容性:ie6、7、8都不支援,ie9及以上版本和標準的瀏覽器都支援

rgba設定顏色的不透明度,一般都用於調整background-color、color、box-shadow等的不透明度

css 設定元素背景為透明

要設定某一元素的背景為透明,在 chrome firefox opera 下是這樣的 background color rgba 0,0,0,0.4 rgba 中的最後乙個引數 0.4 就是想要的透明度,範圍在0 1之間。在 ie 中一般是這樣的 background color rgb 0,0,0...

CSS設定背景透明度

控制 如下 各引數含義如下 enabledenabled設定或檢索濾鏡是否啟用。stylestyle設定或檢索div背景透明漸變的樣式。opacityopacity設定或檢索透明漸變的開始透明度。finishopacityfinishopacity設定或檢索div背景透明漸變的結束透明度。start...

CSS控制背景透明度

在css表中找到 modbr 換行後加入如下 透明度80 modbox,modbl,modbc,modbr 注 應用的式css中的alpha濾鏡,這個濾鏡可以設定目標元素的透明度。還可以通過指定座標,從而實現各種不同範圍的透明度。具體語法如下 具體引數含義如下 opacity 表示透明度調節,範圍在...