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字符串转换为Html标签并使用

Html页面的基本代码结构是什么?

Html如何设置标题居中

Html学习之Html列表介绍(代码实例)

怎么用div布局?

怎么打开Html网页

Html怎么换行?换行代码是什么?九种Html文字换行方法总结

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

Html form标签与table标签的区别是什么?这里有说明!

Html超链接的下划线怎么去掉?a标签去下划线的方法都在这里

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




打赏

取消

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

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

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

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

评论

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