首頁  >  文章  >  web前端  >  html圖片怎麼設定透明度

html圖片怎麼設定透明度

藏色散人
藏色散人原創
2021-06-03 10:09:023283瀏覽

html圖片設定透明度的方法:先建立一個div;然後設定一個類別名稱;最後透過「filter:alpha(opacity=50);opacity:0.5;」等屬性設定圖片透明度即可。

html圖片怎麼設定透明度

本文操作環境:windows7系統、HTML5&&CSS3版、Dell G3電腦。

關於設定背景圖片的透明度(html css)

設定背景圖片的透明度,而不是顏色這種,是圖片顯示

這個就跟某些部落格能夠換背景圖片當主題一樣的道理,看了好久終於搞清楚了

6c04bd5ca3fcae76e30b72ad730ca86d裡面是不能直接設定圖片的透明度的

#需要藉助< ;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中引用這個類,就可以實現圖片透明度設定

但是這樣也有問題,如果中間有文字存在的話就會也變成透明字體,而且要當背景圖片的話就需要將文字放入兩個dc6dce4a544fdca2df29d5ac0ea9906b中間

所以需要在css中設定文字的字體透明度

opacity: 1;

即可。

推薦學習:html影片教學

以上是html圖片怎麼設定透明度的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn