css如何設置透明度(兼容ie,firefox)

1、要設置某一元素的背景為透明，在 chrome 、firefox、opera 下是這樣的：background-color： rgba(0， 0， 0， 0.4)；rgba 中的最后一個參數(shù) 0.4 就是想要的透明度，范圍在0～1之間。

公司主營業(yè)務：成都網(wǎng)站建設、網(wǎng)站設計、移動網(wǎng)站開發(fā)等業(yè)務。幫助企業(yè)客戶真正實現(xiàn)互聯(lián)網(wǎng)宣傳，提高企業(yè)的競爭能力。成都創(chuàng)新互聯(lián)公司是一支青春激揚、勤奮敬業(yè)、活力青春激揚、勤奮敬業(yè)、活力澎湃、和諧高效的團隊。公司秉承以“開放、自由、嚴謹、自律”為核心的企業(yè)文化，感謝他們對我們的高要求，感謝他們從不同領域給我們帶來的挑戰(zhàn)，讓我們激情的團隊有機會用頭腦與智慧不斷的給客戶帶來驚喜。成都創(chuàng)新互聯(lián)公司推出松嶺免費做網(wǎng)站回饋大家。

2、第三行能夠支持各大瀏覽器，但是IE6-IE8瀏覽器不支持。特別說明：雖然實現(xiàn)了背景透明，但div中的文字也呈現(xiàn)為透明狀態(tài)，這往往不是想要的，可以參閱如何設置div的透明度但是其中的文字不透明一章節(jié)解決此問題。

3、CSS技巧 p的垂直居中問題 vertical-align：middle； 將行距增加到和整個p一樣高 line-height：200px； 然后插入文字，就垂直居中了。缺點是要控制內容不要換行 margin加倍的問題 設置為float的p在ie下設置的margin會加倍。

4、opacity： 0.3；這是“最重要的”，因為它是在CSS的現(xiàn)行標準。這將在Firefox，Safari和Opera的大多數(shù)版本的工作。這將是你所需要的一切如果所有的瀏覽器都支持目前的標準。當然是他們不會錯。

css中,如何設置前景色的透明度?

要設置某一元素的背景為透明，在 chrome 、firefox、opera 下是這樣的：background-color： rgba(0， 0， 0， 0.4)；rgba 中的最后一個參數(shù) 0.4 就是想要的透明度，范圍在0～1之間。

在css中，使用白色背景的方法是選中某個圖片；在html中，當css背景為淡白色背景時，背景為淡白色文本時，文本背景為黃色；這樣，就是在css中使用白色背景，以此達到最佳的效果。

設置背景顏色半透明的樣式代碼background-color：rgba(0，0，255，0.5)；運行結果為 透明原理：把背景顏色設置為rgb的方式，然后再加一個透明度就可以設置為半透明了。注意：設置背景顏色時哪里應該寫成rgba。

首先我們新建一個html文件，添加一個DIV，設置寬度和高度，以及背景色填充為紅色。然后在父級DIV中插入一個子DIV，定義它的寬高，以及背景色。然后我們添加一個透明度的代碼（opacity：0.6）。

代碼應用的式CSS中的Alpha濾鏡，這個濾鏡可以設置目標元素的透明度。還可以通過指定坐標，從而實現(xiàn)各種不同范圍的透明度。

還有就是設置background-color：rgba()，這種方式只能設置背景顏色的透明度。

css實現(xiàn)png圖片透明的方法

其原理是通過創(chuàng)建一個具有濾鏡屬性的 div 元素，將 PNG 圖片作為背景圖，并設置濾鏡屬性為 alphaImageLoader，從而實現(xiàn) PNG 圖片的透明度效果。

要設置某一元素的背景為透明，在 chrome 、firefox、opera 下是這樣的：background-color： rgba(0， 0， 0， 0.4)；rgba 中的最后一個參數(shù) 0.4 就是想要的透明度，范圍在0～1之間。

在我們設計制作一些網(wǎng)頁的時候可能會用到半透明的效果，首先我們可能會想到用PNG圖片處理，當然這是一個不錯的辦法，唯一的兼容性問題就是ie6 下的BUG，但這也不困難，加上一段js處理就行了。

首先，導入一張即將制作的圖片。用魔棒工具選擇空白處，容差為40。解鎖背景層，Del刪除base部分，這樣可見樹葉的背景就變成了透明的了。點擊左上角，文件--儲存為。選擇文件儲存位置，修改文件名稱。

需要引入js文件。 他會動態(tài)在png-24圖像上包裹一層css為position：relative；的元素，使原有的position：absolute；的元素消失不見或出現(xiàn)其它意想不到的bug。

這是我比較粗暴的方法，后來在網(wǎng)上看到一種更加優(yōu)雅的方式：大體上差不多，重點是 CSS 的 background-image 屬性可以設置多張圖片，用逗號隔開 。因為我不知道這個屬性有這個能力才會額外加了個漸變透明圖層來實現(xiàn)效果。