CSS如何單獨控制字型透明,CSS怎麼設定讓背景顏色透明,而文字不透明

2021-05-22 22:12:28 字數 1616 閱讀 2822

1樓:匿名使用者

使用css的chroma濾鏡來可以把字型顏色自設定為透明樣式。

將chroma濾鏡的顏色和字型的顏色設定為相同時,不論網頁的背景顏色如何設定,字型的顏色都會顯示為透明。

在瀏覽器中檢視使用css濾鏡把字型的顏色設定為透明的顯示效果。如下圖所示:

2樓:小新第三

把背景和文字放

來在兩個容器中

自,然後設定背景容器的透明度。例如:

這裡是背景,透明的

這裡是前景,不透明的

3樓:蘇格拉底的幻想

用rgba。 通常我們用16進製表示顏色白色 #fff,有透明度的換成rgba就是 color: rgba(255,255,255, .7);

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

4樓:育知同創教育

設定元素的透明度:

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

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

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

例如:不透明

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

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

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

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

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

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

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

5樓:匿名使用者

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中的拾色器裡的數值。

6樓:幻翼高達

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

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

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

」新增樣式:opacity: 1;。

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

7樓:網海1書生

article

article p

8樓:鰟鮍魚

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

CSS設定全域性字型

1 我們選擇將我們的樣式全部建到一個css文件中,通過呼叫css檔案來載入樣式。2 在頭部呼叫css檔案樣式。3 對於css,我們最常用的是通過class或是標籤名來控制樣式。4 我們控制字型樣式使用的font。5 比如我們要設定字型的大小,那麼我們可以使用font size,來進行設定。6 如果我...

css引用字型問題,css怎麼呼叫外部字型?

在css中通過 font face屬性來實現網頁中嵌入特殊字型。首先獲取要使用字型的三種檔案格式.eot ttf或.otf svg,確保能在主流瀏覽器中都能正常顯示該字型。eot,適用於internet explorer 4.0 ttf或.otf,適用於firefox 3.5 safari oper...

css中設定字型為微軟雅黑bold字型,如何設定

box1 我知道有這個字型,但是我的windows 7,在系統裡面都沒有找到這個字型.你用css寫上了,但是別人那裡基本都顯示不出來啊.css設定的字型,只有系統裡面有這個字型的才能看到.比如xp系統的使用者,一般都沒有微軟雅黑,你css使用了微軟雅黑,但是使用者只能看到系統預設的宋體.所以不要那麼...