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制作简单而漂亮的登录页面

Html怎么把dt转成块级元素

input文本框如何实现添加提示文字，填写内容时消失

Html的注释符号是什么

Html 元素

Html span标签如何居中和右对齐？这里有Html span标签的样式解析

更多相关阅读请进入《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 设计细节

相关推荐

评论