讓透明div裡的文字不透明

2022-09-12 14:42:28 字數 434 閱讀 2304

class="box">這是一段不應該透明的文字

.box

這樣我的文字幾乎看不清,這當然不是我想要的,隨即去查詢資料,找到了乙個解決辦法,使用css3的屬性:

.box

這種方式是利用css3的新屬性,更改背景的透明度,這樣就不會影響到內容的透明度,但是有乙個問題就是目前很多瀏覽器對css3的屬性不支援,沒辦法,為了相容該死的ie,還是琢磨出相容的寫法吧。

class="box">

//專門用來做背景

class="text">這是一段不應該透明的文字

.box.text

把文字和背景放在不同的層裡面,目前也只有這個笨方法來實現了,等到腦殘的不標準的ie滾出瀏覽器界的時候,我們的css3就能派上大用場了。

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

設定元素的透明度 moz opacity 0.8 在firefox中設定元素透明度 filter alpha opacity 80 ie使用濾鏡設定透明但是當我們對乙個標籤設定背景的透明度時,往往我們並不希望該標籤上的文字也變成半透明了。例如 不透明p div div 可以很明顯的看出文字也被半透明...

背景色透明,文字不透明

背景色透明,文字不透明 在工作中遇到這麼乙個問題 1 背景色透明 2 在透明背景中文字是不透明的 3 文字要水平居中 為此,我給出了兩種解決辦法 1 使用html5的 rgba 屬性配置 背景透明,文字也透明 原理說明 1 div.demo背景色是黑色透明的 2 p標籤的內容是水平居中,並且沒有設定...

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

moz opacity 0.8 在firefox中設定元素透明度 filter alpha opacity 80 ie使用濾鏡設定透明 但是當我們對乙個標籤設定背景的透明度時,往往我們並不希望該標籤上的文字也變成半透明了。例如 不透明 div可以很明顯的看出文字也被半透明的,這是我們不想看到的效果。...