html网页中如何将图片设置为半透明?
来源:网络收集 点击: 时间:2024-03-07【导读】:
一张网页中有文字、图片、视频等信息。这篇经验告诉你如何将图片设置成半透明的样式。工具/原料more电脑一台php的开发集成环境Sublime Text3编辑器方法/步骤1/4分步阅读
2/4
3/4
4/4
注意事项
第一步,在www目录下创建一个文件夹form,在该文件夹下创建文件img.html,并放置一张图片

第二步,打开文件img.html,并输入代码。这个代码主要用了img标签,设置图片的高度为300px、宽度为500px。


第三步,使用CSS中的样式将图片设置为半透明状态,主要利用了支持CSS3的浏览器的opacity属性、适用于IE浏览器的filter:alpha(opacity=30)属性和适用于moz和FF浏览器的 -moz-opacity属性

第四步,在浏览器中查看图片的半透明状态。

设置半透明的这三种属性都要写入CSS中,因为这三种属性适用于不同的浏览器。
HTML图片半透明CSS图片透明版权声明:
1、本文系转载,版权归原作者所有,旨在传递信息,不代表看本站的观点和立场。
2、本站仅提供信息发布平台,不承担相关法律责任。
3、若侵犯您的版权或隐私,请联系本站管理员删除。
4、文章链接:http://www.1haoku.cn/art_279948.html
上一篇:英灵神殿冶炼炉怎么造
下一篇:hbuilder怎样新建一个HTML文件