溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章將為大家詳細講解有關html圖片中如何設置透明度，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。
html圖片設置透明度的方法：首先創建一個div；然后設置一個類名；最后通過“filter:alpha(opacity=50);opacity:0.5;”等屬性設置圖片透明度即可。
本文操作環境：windows7系統、HTML5&&CSS3版、Dell G3電腦。
關于設置背景圖片的透明度（html+css）
設置背景圖片的透明度，而不是顏色這種，是圖片顯示
這個就跟某些博客能夠換背景圖片當主題一樣的道理，看了好久終于搞清楚了
<body>里面是不能直接設置圖片的透明度的
需要借助<div>
<style type="text/css">
.bodystyle{
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
width:100%;
position:absolute;
background:url(圖像/8.JPG) ;
background-attachment:fixed;
}
</style>需要在之前就寫好，用類的方法表示。
<body > <div class="bodystyle"></div> </body>
然后在div中引用這個類，就可以實現圖片透明度設置
但是這樣也有問題，如果中間有文本存在的話就會也變為透明字體，而且要當背景圖片的話就需要將文本放入兩個<div>中間
所以需要在css中設置文本的字體透明度
opacity: 1;
即可。
關于“html圖片中如何設置透明度”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
