html图片怎么设置透明度-木庄网络博客

html图片怎么设置透明度

2022-04-05 20:08:09 PHP中文网 JavaScript 百度已收录

本文摘自PHP中文网，作者藏色散人，侵删。

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中引用这个类，就可以实现图片透明度设置

相关阅读 >>

Html font标签如何设置字体大小？Html font标签属性用法介绍

Html文件以什么结尾

Html显示乱码怎么办

Html中图片标签的用法介绍

更多相关阅读请进入《Html》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » html图片怎么设置透明度

html图片怎么设置透明度

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

相关推荐

评论