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)}
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/144977.html原文链接:https://javaforall.cn
相关文章
- 如何制作网页-初学者入门HTML+CSS
- 在线html代码生成器,支持网页快速排版 CSS代码一键生成的在线设计工具
- html鼠标点击后变换样式,css鼠标样式(css鼠标点击切换样式)
- html下划线 下移,css如何实现下划线滑动效果
- 详解HTML超链接
- 在html中加入外部css样式,如何引入CSS样式表?
- html中超链接使用_HTML超链接代码
- 图片中加入超链接html代码,html网页超链接代码 怎样用HTML代码在图片插入超链接…
- Java web实现简登录页面(MyBatis+jsp+servlet+html+css+javascript)附源码「建议收藏」
- HTML添加背景图片_html背景图片铺满网页
- 表单常用的控件有哪些_html表单控件样式修改
- 通过HTML和CSS设计一个静态网页(练习实例,附完整代码)
- HTML期末大作业~餐饮文化学生网页设计作业(HTML+CSS+JavaScript)[通俗易懂]
- 常用的HTML和CSS(content)特殊字符图标
- css字体渐变色_html美化代码
- Android webview 加载html 页面缩放的问题
- HTML+css+js代码春节灯笼
- HTML-CSS-JS Prettify 代码格式化插件
- HTML&CSS精选笔记_CSS入门详解编程语言
- HTML&CSS精选笔记_HTML与CSS网页设计概述详解编程语言
- 使用html+css+js实现3D相册详解编程语言
- HTML与MongoDB结合的动态网站设计(htmlmongodb)
- 轻松学会html+css
- HTML 拾色器
- HTML与Oracle新的组合引发了新的机遇与挑战(html oracle)
- Redis与HTML的不同之处(redis跟html区别)
- FIF互动帮助手册系列-HTML手册flash版
- php完全过滤HTML,JS,CSS等标签
- php中去除所有js,html,css代码
- HTML,CSS,JavaScript速查表推荐