css如何讓層背景顏色半透明,CSS怎麼設定讓背景顏色透明,而文字不透明

2021-03-04 08:54:59 字數 1975 閱讀 7372

1樓:匿名使用者

**是filter: alpha(opacity=50) /* for ie */

background-color: rgba(0, 0, 0, 0.5); /*for ff*/

希望採納~ ~

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如何定義div背景半透明顏色

6樓:匿名使用者

「長城郭靖」回答的是錯的,他答的是讓整個元素半透明只讓背景半透明只有乙個辦法,就是用rgba顏色,**如下background: rgba(0, 0, 0, 0.5)解釋:

這是黑色半透明的**

前三個值表示顏色的red,green,blue值最後乙個表示alpha值,就是透明度值,不透明為1(支援ie8+以及所有現代瀏覽器)

7樓:回憶

html-css 中讓乙個div的背景色是半透

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

我是測試文字

8樓:長城郭靖

filter:alpha(opacity=50); /*ie濾鏡,透明度50%*/

opacity:0.5; /*ie9+及其他瀏覽器*/

9樓:人勿玩人

設定背景色 同時設定opacity(透明度,取值範圍0-1)

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

10樓:匿名使用者

設定元素的透

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

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

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

例如:不透明

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

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

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

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

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

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

利用CSS將頁面背景設定成黑色,文字顏色為白色

其實在你一張幻燈片也沒有的時候每新建一張背景都是白色,字型是黑色 版如果你已經權 編輯了很多張,可以通過母版實現批量白色背景。母版在 檢視 母版 幻燈片母版 在工作窗的空白區域 右擊 背景 背景填充裡選擇白色 再在背景填充裡點選全部或部分應用就設定好了白色背景。如下圖 字型顏色的修改 在幻燈片的普通...

css怎麼讓文字設定超連結後文字顏色不變

html語言不用修改 還是直接給文字加鏈結你可以 在css樣式中寫 a a hover a active 比如 css中寫 aa hover a active 出來的效果就是 滑鼠未經過時 黑色 滑過時 紅色 點選時藍色 html文字加上超連結的時候,如何讓文字不變色?需要準備的材料分別有 電腦 瀏...

ps如何淡化背景,如何用PS讓顏色淡化透明

準備工具bai 材料 電腦 photoshop cs6軟體。1 首先,du我們開啟電腦中的zhips軟體來開啟要處理dao的 內。2 選擇 並右鍵單擊容以複製背景圖,我們將對複製的背景圖進行相關操作。3 單擊工具欄中的 魔棒工具 按鈕。4 將 中的白色背景選中。5 按鍵盤上的 刪除 按鈕刪除白色背景...