css怎樣僅設定div元素背景透明度而不設定div元素

2021-04-02 23:12:06 字數 3998 閱讀 1893

1樓:匿名使用者

設定div元素背景透明度,而不設定div裡面元素透明度的方法:建立靜態頁面插入一個div和十個

專子div-類選擇器和屬元素選擇器設定div標籤-開啟瀏覽器預覽-使用nthoftype設定div元素-儲存開啟瀏覽器預覽。具體方法如下:

1、在openhbuilderx工具中,建立一個新的靜態頁面並插入一個div和十個子div。

2、使用類選擇器和元素選擇器設定div標籤的樣式,如寬度、高度、行高、文字中心等。

3、儲存**,直接開啟瀏覽器預覽介面。你能看見十個圓圈。

4、使用nthoftype設定多個div元素的背景色。

5、再次儲存**並開啟瀏覽器預覽效果。可以找到元素的背景色。

注意事項:

一般來說,我們可以使用css的opcity屬性來改變一個元素的透明度,但是它的子元素的透明度也會改變,即子元素被重新定義了。例如:顯示文字

文字元素的透明度也會是0.4。

2樓:匿名使用者

一般情況下,我

bai們du可以使用css的opcity屬性zhi改變某個元素的透明度,但是dao其元內

素下的子元素的容透明度也會被改變,即使對子元素重新定義也沒有用,例如:

顯示文字

文字元素的透明度也會是0.4。

於是想一想,如果有方法只改變背景的透明度就能解決此問題了。

方法1:使用一張透明的**做背景可以達成效果,但是有沒有更簡單的方法呢?

方法2:使用rgba。

例如:顯示文字

3樓:寒輕煙

1、在開啟的hbuilderx工具中

抄,新建一個靜bai態頁面並du插入一個div和十個子zhidiv。

2、使用類選擇器和元素dao選擇器,設定div標籤的樣式,如寬度、高度、行高、文字居中等。

3、儲存**並直接開啟瀏覽器預覽介面效果,可以看到十個圓圈。

4、再使用nth-of-type,分別設定多個div元素的背景顏色。

5、再次儲存**並開啟瀏覽器預覽效果,可以發現元素顯示背景色。

如何用css改變div的背景圖或背景色透明度,並且div內的文字和**等內容的透明度不改變

4樓:匿名使用者

有的時候,為了實現一些特殊效果,需要將頁面元素變透明,本文介紹的就是用 css 實現 firefox 和 ie 都支援的 alpha 透明效果。

css: filter:alpha(opacity=50); /* ie */ -moz-opacity:

0.5; /* moz + ff */ opacity: 0.

5; /* 支援css3的瀏覽器(ff 1.5也支援)*/

ie使用私有屬性filter:alpha(opacity),moz family使用私有屬性-moz-opacity,而標準的屬性是opacity(css 3, moz family部分支援css3)。後面的數值是透明度,使用百分比或者小數。

5樓:匿名使用者

樓上的說的知識如何做透明,這個網上搜尋一下滿大街都是~人家問的可不是這個問題

其實很簡單的,既然你想做到背景層透明,文字不透明~那就簡單了,只要你把這兩個層分開就可以了,背景層處於最下面,然後透明,文字層在背景層上面不做任何效果處理,你要的效果就出來了~你可以使用絕對位置與相對位置來控制~我只告訴你思路你可以自己想想哦~

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

6樓:育知同創教育

設定元素的透明度:

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

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

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

例如:不透明

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

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

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

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

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

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

css怎麼可以只讓背景透明 文字不透明

7樓:智慧小白菜

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同第一種方式是一個含義。

8樓:爽朗的許選

背景使用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;就是白色。

9樓:高階前端工程師

background:rgba(255,255,255,0.7)

10樓:網海1書生

如果背景是單色的bai,可不用css的透明du屬性(即zhiopacity),而是使用透明色(利用rgba函式dao),比如專:

背景是透明度屬0.5的紅色,文字不透明

如果背景是**,則可以把背景和文字分別做成兩個兄弟關係(而不是父子關係)的層,然後把背景層做成透明,再把文字層覆蓋在背景層上即可,比如:

背景是透明度0.5的**,文字不透明

11樓:匿名使用者

這個只能把文字放在透明的標籤之外,然後定位,漂浮在透明層的上面

12樓:上海中公優就業

**如下:

背景透明,文字不透明

13樓:過兒無敵

可以使用rbga,如:background:rgba(0,0,0,0.3);

最後一個值是透明度,範圍0到1,

前3個是rgb的顏色值。

14樓:匿名使用者

別用#000這種;

用rgba(0,0,0,.6)

15樓:匿名使用者

background: transparent;---純透明

background:rgba(2,2,2,0.6)--自己設定

如何動態設定網頁中層div的背景

具體如下 樣式標籤屬性 樣式屬性 用在js等指令碼中 background background 設定或獲取物件最多五個獨立的背景屬性。background attachment backgroundattachment 設定或獲取背景影象如何附加到文件內的物件中。background color ...

css如何設定select的背景圖

這樣,便可實現相容個瀏覽器的,純css控制的,設定背景 樣式。一。使用 來js css,利用css設定屬性,通過自onchange觸發事件,或者js對標籤 的控制,完成對的美化,也能夠達到相容的目的。二。使用jquery,這個方法能夠實現很多炫目的select特效,但是封裝過程和呼叫過程不是很容易理...

在css裡面怎麼給body設定背景色

直接在你的css檔案裡寫上body ps 000000是顏色的數值,試一下就知道了 body 在css中定義了body區域,如何給這快body區域設定背景顏色 設定body的背景顏色使用的是background color。這個屬性。樣式表控制優先順序是離著控制元件越近優先順序越高。如果css中定義...