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的dl是什么意思

Html col标签是什么意思?Html col标签的使用实例介绍

动画工具dragonbones的常用术语和使用方法介绍(图)

如何实现Html不显示下拉列表的箭头

Html base url是什么?Html base详细解析汇总

Html的<acronym>标签有什么用

?Html的<datalist> 标签

Html里的name与id和class到底有什么不同

Html图片失真怎么办

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




打赏

取消

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

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

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

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

评论

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