html背景透明度 css透明度，css圖片透明度設置方法？

2021-03-14

2073

css透明度，css圖片透明度設置方法？1. 創(chuàng)建一個新的HTML文檔并將img標記添加到body標記中。默認情況下，圖像是不透明的。2. 將樣式標記添加到head標記，并在樣式標記中為IMG標記設置

css透明度，css圖片透明度設置方法？

1. 創(chuàng)建一個新的HTML文檔并將img標記添加到body標記中。默認情況下，圖像是不透明的。

2. 將樣式標記添加到head標記，并在樣式標記中為IMG標記設置透明度樣式。這三個屬性與不同的瀏覽器兼容。

3. 在瀏覽器中刷新頁面，就會發(fā)現(xiàn)瀏覽器中圖像的透明度發(fā)生了變化，透明度的范圍是0-1，0表示完全透明，1表示不透明。

1. 創(chuàng)建一個HTML文件；

2。在HTML文件中找到一個<body>標記，在此標記中創(chuàng)建一個<div>標記，然后添加一個類。將該類設置為：RGBA；

3。為Div添加樣式。在<title>標記之后，創(chuàng)建一個<style>。在<style>標記中，設置RGBA類的高度和背景透明度（RGBA（R，G，B，a））的樣式。值介于0和1之間的transparency參數(shù)不能為負。透明度參數(shù)越小，透明度越高；

4。保存后使用瀏覽器查看。您可以看到，當透明度從0.1更改為1時，div背景從灰色更改為黑色；

5。所有代碼。您可以將所有代碼復制到新的HTML文件中，保存它，然后使用瀏覽器打開它以查看效果。