這篇文章主要介紹了css如何設置圖片的透明度，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)公司長期為上千余家客戶提供的網(wǎng)站建設服務，團隊從業(yè)經(jīng)驗10年，關注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務；打造開放共贏平臺，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為甘泉企業(yè)提供專業(yè)的網(wǎng)站建設、成都做網(wǎng)站，甘泉網(wǎng)站改版等技術服務。擁有十余年豐富建站經(jīng)驗和眾多成功案例,為您定制開發(fā)。

css的選擇器有哪些

css的選擇器可以分為三大類，即id選擇器、class選擇器、標簽選擇器。它們之間可以有多種組合，有后代選擇器、子選擇器、偽類選擇器、通用選擇器、群組選擇器等等

css設置圖片透明度的方法：1、使用filter屬性，給圖片元素添加“filter:opacity(數(shù)值%)”樣式；值在0和100之間，“0%”則是完全透明，“100%”則圖像無變化。2、使用opacity屬性，語法“opacity:值”。

方法1：使用filter屬性--filter:opacity(%)

filter 屬性定義了元素(通常是)的可視效果(例如：模糊與飽和度)。

opacity(%) ：用于轉化圖像的透明程度。值定義轉換的比例。值為0%則是完全透明，值為100%則圖像無變化。值在0%和100%之間，則是效果的線性乘子，也相當于圖像樣本乘以數(shù)量。 若值未設置，值默認是1。該函數(shù)與已有的opacity屬性很相似，不同之處在于通過filter，一些瀏覽器為了提升性能會提供硬件加速。

示例：

	
		
		
	
	
		

			
原圖：
		　　
		
		

			
透明度為50%：
		　　
		
		

			
透明度為20%：
		　　
		
	

效果圖：

方法2：使用opacity屬性

Opacity屬性設置一個元素了透明度級別。值的范圍：從0.0（完全透明）到1.0（完全不透明）。

示例：

	
		
		
	
	
		

			
原圖：
		　　
		
		

			
透明度為0.5：
		　　
		
		

			
透明度為0.2：
		　　
		
	

效果圖：

感謝你能夠認真閱讀完這篇文章，希望小編分享的“css如何設置圖片的透明度”這篇文章對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)，關注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關知識等著你來學習!