Rumah > Artikel > hujung hadapan web > html图片怎么设置透明度
html图片怎么设置透明度
- 藏色散人asal
- 2021-06-03 10:09:023353semak imbas
html图片设置透明度的方法：首先创建一个div；然后设置一个类名；最后通过“filter:alpha(opacity=50);opacity:0.5;”等属性设置图片透明度即可。
本文操作环境：windows7系统、HTML5&&CSS3版、Dell G3电脑。
关于设置背景图片的透明度（html+css）
设置背景图片的透明度，而不是颜色这种，是图片显示
这个就跟某些博客能够换背景图片当主题一样的道理，看了好久终于搞清楚了
6c04bd5ca3fcae76e30b72ad730ca86d里面是不能直接设置图片的透明度的
需要借助dc6dce4a544fdca2df29d5ac0ea9906b
<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视频教程
Atas ialah kandungan terperinci html图片怎么设置透明度. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：html成对标记有哪些Artikel seterusnya：html乱码怎么办