html图片怎么设置透明度-Soal Jawab bahagian hadapan-php.cn

html图片怎么设置透明度

藏色散人

Lepaskan： 2021-06-03 10:09:02

asal

3412 orang telah melayarinya

html图片设置透明度的方法：首先创建一个div；然后设置一个类名；最后通过“filter:alpha(opacity=50);opacity:0.5;”等属性设置图片透明度即可。

html图片怎么设置透明度

本文操作环境：windows7系统、HTML5&&CSS3版、Dell G3电脑。

关于设置背景图片的透明度（html+css）

设置背景图片的透明度，而不是颜色这种，是图片显示

这个就跟某些博客能够换背景图片当主题一样的道理，看了好久终于搞清楚了

里面是不能直接设置图片的透明度的

需要借助

<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>

Salin selepas log masuk

需要在之前就写好，用类的方法表示。

<body >
<div class="bodystyle"></div>
</body>

Salin selepas log masuk

然后在div中引用这个类，就可以实现图片透明度设置

但是这样也有问题，如果中间有文本存在的话就会也变为透明字体，而且要当背景图片的话就需要将文本放入两个

中间

所以需要在css中设置文本的字体透明度

opacity: 1;

Salin selepas log masuk

即可。

推荐学习：html视频教程

Atas ialah kandungan terperinci html图片怎么设置透明度. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：

html

sumber：php.cn

Artikel sebelumnya：html成对标记有哪些 Artikel seterusnya：html乱码怎么办

Kenyataan Laman Web ini

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 terbaru oleh pengarang