html设置背景图片透明度代码,css设置图片背景透明度
我们经常会使用到背景图片,但有时候需要把背景图片设置一个半透明的效果,那么就需要以下的CSS了。这是一个CSS滤镜达到的效果,应用十分广泛。
.modbr{filter:alpha(opacity=80);-moz-opacity:0.8;width:auto
!important;width:100%}
注:
代码应用的式CSS中的Alpha滤镜,这个滤镜可以设置目标元素的透明度。还可以通过指定坐标,从而实现各种不同范围的透明度。具体语法如下:
{filter:alpha(opacity=#opacity,finishopacity=#finishopacity,
style=#style,startx=#startx,starty=#starty,finishx=#finishx,finishy=#finishy)}
具体参数含义如下:
“opacity”表示透明度调节,范围在0-100,0表示完全透明,100表示完全不透明。
“finishopacity” 是一个可选参数,如果想要设置渐变的透明效果,就可以使用他们来指定结束时的透明度。范围也是0 到
100。
“style” 指定透明区域的形状特征:0 代表统一形状,1
代表线形,2 代表放射状,3 代表矩形
“startx” 渐变透明效果开始处的 X坐标。
“starty” 渐变透明效果开始处的 Y坐标。
“finishx” 渐变透明效果结束处的 X坐标。
“finishy” 渐变透明效果结束处的 Y坐标。
以上的参数可以选用,可以只设置一个opacity
如果设置成下面代码,就表示背景式半透明的:
{filter:alpha(opacity=50)}
html设置背景图片透明度代码,css设置图片背景透明度相关推荐
- php设置背景图片的代码,css设置背景图片如何实现?(代码实例)
本篇文章给大家带来的内容是关于css设置背景图片如何实现?(代码实例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 很多人提交表单时都喜欢用一个图片来作为提交按钮,大多数人可能用J ...
- php背景渐变颜色代码,CSS实现网页背景渐变的四种代码设置
这篇文章主要介绍了关于CSS实现网页背景渐变的四种代码设置,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 一.从上往下渐变body{ FILTER: progid:DXImageTra ...
- html5如何将图片堆叠代码,css实现图片堆叠效果的方法介绍
css实现图片堆叠效果的方法介绍 发布时间:2020-04-03 13:49:30 来源:亿速云 阅读:51 作者:小新 今天小编给大家分享的是css实现图片堆叠效果的方法介绍,很多人都不太了解,今天 ...
- css中图片缩小代码,css让图片等比例缩小的代码
随着智能手机的增多,手机网站也可以做的更加个性化,最近在改版自己的手机网站 这其中,遇到了网站图片尺寸问题,手机屏幕都比较小,怎么让上传的规则不一的图片在手机上显示的更加美观呢? 那就利用css的强大 ...
- html背景图片只显示一张图片,img只显示图片一部分 或 css设置背景图片只显示图片指定区域(示例代码)...
17:14 2016/3/22 img只显示图片一部分 或 css设置背景图片只显示图片指定区域 background-position: 100% 56%; 设置背景图片显示图片的哪个坐标区域,图片 ...
- html如何把图片在背景图一半,img只显示图片一部分 或 css设置背景图片只显示图片指定区域...
17:14 2016/3/22 img只显示图片一部分 或 css设置背景图片只显示图片指定区域 background-position: 100% 56%; 设置背景图片显示图片的哪个坐标区域,图片 ...
- css 设置背景图一半_img只显示图片一部分 或 css设置背景图片只显示图片指定区域...
17:14 2016/3/22 img只显示图片一部分 或 css设置背景图片只显示图片指定区域 background-position: 100% 56%; 设置背景图片显示图片的哪个坐标区域,图片 ...
- 怎么修改背景图片大小的HTML代码,css如何改变背景图片大小?
我们现在经常会用到CSS,在编写过程中,会遇到CSS背景图像大小设置的问题.那么css如何改变背景图片大小?下面本篇文章就来给大家介绍一下,希望对大家有所帮助. 在CSS中,想要改变背景图片的大小,可 ...
- css设置四个圆角,css怎么设置4个圆角?css设置4个圆角方法
div如何设置css圆角边框?css设置4个圆角方法有哪些?这对于刚刚入门的css新手,比较陌生,那么css怎么设置4个圆角?下面我们来看一下css设置4个圆角方法.[推荐学习:CSS3教程] CSS ...
- php设置背景为透明,css如何设置背景颜色透明?css设置背景颜色透明度的两种方法介绍...
在网页布局中有时为了网页的整体美观,可能需要将网页中的某些部分设置为背景颜色透明,那么如何设置背景颜色透明呢?本篇文章就来给大家介绍一下css设置背景颜色透明的方法. 在css中设置背景颜色透明的方法 ...
最新文章
- python 日志 logging 的用法
- Fabric架构演变之路
- Django REST framework+Vue 打造生鲜电商项目(笔记八)
- recorder_将Java Flight Recorder与OpenJDK 11一起使用
- linux限制单个ip频繁连接,限制单个IP并发TCP连接的方法
- Redis集群添加节点
- Qt工作笔记-把文件逐行读到ListWidget中
- reduce个数究竟和哪些因素有关
- android安全攻防实践_Android安全攻防实战 PDF 下载
- JDK的问题:用C启动虚拟机跟java运行结果有差异
- Yarn 和 NPM 国内快速镜像(淘宝镜像)
- 最经济方案 谈P2P电影服务器(转)
- 2022年电工杯数学建模A题思路/2022电工杯A题思路解析
- POI 4.1.2 word转html(保留样式及图片)
- 云计算机ppt模板,云服务云技术云计算PPT模板
- Java后台调用高德地图api返回{status:0,info:UNKNOWN_ERROR,infocode:20003}
- 逆向学习第二天如何手动脱UPX、Aspack壳
- html用ul li制作导航条
- vmware 虚拟机安装苹果系统
- 帝国php漏洞,帝国cms远程代码执行漏洞-1