在css中怎樣讓文字的背景色透明

2021-05-28 16:47:06 字數 3215 閱讀 3286

1樓:育知同創教育

設定元素的透明度:

-moz-opacity:0.8; /*在firefox中設定元素透明度

filter: alpha(opacity=80); /*ie使用濾鏡設定透明

但是當我們對一個標籤設定背景的透明度時,往往我們並不希望該標籤上的文字**也變成半透明瞭。

例如:不透明

div可以很明顯的看出文字也被半透明的,這是我們不想看到的效果。

以前我曾經是絕對定位的方法解決這個問題,也就是現在的p並不是div的子元素。

不透明這樣div的半透明效果也就不會影響到元素p了。最後在將p定位到需要的位置。

但是很多時候這樣的標籤並不是很合理,有可能還會多浪費幾個標籤。

下面的這種方法就可以解決上面的問題了:

divdiv p/*實現ie文字不透明*/

css怎麼設定讓背景顏色透明,而文字不透明

2樓:匿名使用者

1、首先我們新建一個html檔案,新增一個div,設定寬度和高度,以及背景色填充為紅色。

2、然後在父級div中插入一個子div,定義它的寬高,以及背景色。

3、然後我們新增一個透明度的**(opacity:0.6)。

4、在圖層的上方,有個不透明度,我們把ps中圖層不透明度設定為60%。

5、把剛才的背景色和不透明度**刪除,換個**【background-color:rgba(255,255,255,0.6);】。

6、其中255,255,255就是ps中的拾色器裡的數值。

3樓:幻翼高達

需要準備的材料分別有:電腦、瀏覽器、html編輯器。

1、首先,開啟html編輯器,新建html檔案,例如:index.html,編寫問題基礎**。

2、在index.html中的標籤中,對「article」新增樣式:opacity: 0.5;,對「article p

」新增樣式:opacity: 1;。

3、瀏覽器執行index.html頁面,此時背景是50%透明度,但字型是不透明的。

4樓:網海1書生

article

article p

5樓:鰟鮍魚

背景和文字是兩個相鄰的盒子,不是巢狀關係

在css中怎樣讓文字的背景色透明?

6樓:匿名使用者

設定元素的透

明度:-moz-opacity:0.8; /*在firefox中設定元素透明度

filter: alpha(opacity=80); /*ie使用濾鏡設定透明

但是當我們對一個標籤設定背景的透明度時,往往我們並不希望該標籤上的文字**也變成半透明瞭。

例如:不透明

div可以很明顯的看出文字也被半透明的,這是我們不想看到的效果。

以前我曾經是絕對定位的方法解決這個問題,也就是現在的p並不是div的子元素。

不透明這樣div的半透明效果也就不會影響到元素p了。最後在將p定位到需要的位置。

但是很多時候這樣的標籤並不是很合理,有可能還會多浪費幾個標籤。

下面的這種方法就可以解決上面的問題了:

divdiv p/*實現ie文字不透明*/

html-css 中如何讓一個div的背景色是透明的,但它的內容(文字**之類的)不是透明的?

7樓:回憶

html-css 中讓一個div的背景色是透明的,但它的內容(文字**之類的)不是透明的,這個的話,是可以通過設定2個div來實現的,第一個包裹著第二個div然後在設定相同的div寬高,在將第一個的opacity為0;**如下:

我是測試文字

8樓:吳仁馨

ie8以上用background-color:rgba(rgb是顏色最後那個a是透明);

ie8以下 多寫一個層

9樓:free小_貓

摳個1px的背景圖,半透明的,這是有效解決半透明相容ie7到ie11以及其他主流瀏覽器最有效的方法

10樓:wuyanmin衰

div不設定背景本身是透明的

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

11樓:匿名使用者

樓主是對整個登入 div 設定了opacity,因此整個登入框都是半透明的。

其實只需要給這個白色background的登入框改一下background-color就可以了:

.login

12樓:我4蝸牛先生

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

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

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

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

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

13樓:匿名使用者

可以使用css rgba通道

例如一些文字

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

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

14樓:細雨意思

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

15樓:匿名使用者

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

16樓:匿名使用者

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

17樓:漠小麗

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

18樓:

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

19樓:gogo小腐女

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

photoshop 如何讓文字圖層的背景色變成透明或無色

可以通過刪除或者隱藏其它圖層的方法使文字圖層變成透明。透明只有gif和png才支援的,以gif為例,把影象 模式下索引色,然後刪除你不需要內容 刪除的部分即為透明 然後儲存為gif格式就可以了。將文字柵格化背景便變透明瞭 儲存為gif或png格式 背景是單色的麼?用魔棒工具點背景,右鍵單擊,點 選取...

怎麼在PS裡只儲存文字不儲存背景色

儲存為 格式,再開啟的時候顯示預設是用白色代替透明色,儲存為psd格式,用ps開啟就是透明色。把背景隱藏後,只要你確定沒有背景了,另存為網頁使用格式,在那裡選png或者gif,注意看下面設定的保留透明度有沒有勾上。把背景色隱藏掉,用透明的背景,然後儲存為png格式就行了。新建的背景是不是透明的你看了...

如何設定excel中圖表的背景色

1 選中資料,點選插入 圖表 柱形圖。2 選中圖表,點選上方的圖表工具欄中的格式工具欄,在當前所選內容命令,點選下拉三角,找到圖表區。3 在圖表區選中的狀態下,點選頂部的形狀填充,選中一種顏色,確定即可實現效果。當你做好一個圖表後,把圖表儲存為預設的圖表模版,這樣下次插入圖表時,就會自動生成之前儲存...