html图片怎么设置透明度


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

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

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

关于设置背景图片的透明度(html+css)

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

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

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

需要借助<div>

1

2

3

4

5

6

7

8

9

10

11

12

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

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

1

2

3

<body >

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

</body>

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

阅读剩余部分

相关阅读 >>

?Html的<datalist> 标签

Html中的空格符号有哪些

Html文档由哪几部分组成

Html中图片怎么居中对齐?

img在Html中是不是双标签元素

Html中head标签是什么意思?一篇文章教你正确地使用head标签

Html中的图片如何自适应屏幕?这篇文章有图片的自适应用法介绍

Html如何添加视频

关于Html中<label>标签的for属性的详细分析

Html中的font是什么标签?怎么使用?(代码详解)

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




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...