html设置背景图片透明度代码,css设置图片背景透明度[通俗易懂]

html设置背景图片透明度代码,css设置图片背景透明度[通俗易懂]我们经常会使用到背景图片,但有时候需要把背景图片设置一个半透明的效果,那么就需要以下的CSS了。这是一个CSS滤镜达到的效果,应用十分广泛。.modbr{filter:alpha(opacity=80);-moz-opacity:0.8;width:auto!important;width:100%}注:代码应用的式CSS中的Alpha滤镜,这个滤镜可以设置目标元素的透明度。还可以通过指定坐标,从…

大家好,又见面了,我是你们的朋友全栈君。

我们经常会使用到背景图片,但有时候需要把背景图片设置一个半透明的效果,那么就需要以下的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)}

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/144977.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • C# 数组截取

    C# 数组截取这段时间常常需要对数据的数据进行截取,以方便解析。原来一直用的Array.ConstrainedCopy();以及 Array.Copy();来进行数组复制截取 先看Array.ConstrainedCopy():其说明如下 publicstaticvoidConstrainedCopy(ArraysourceArray,intsourceIndex,Arraydes…

  • hdu 1142_hdu1001

    hdu 1142_hdu1001【最短路问题】第一道最短路问题+DFS各种WARE还是在参照大神的代码的情况下 http://acm.hdu.edu.cn/showproblem.php?pid=1142只是照搬自己熟悉下过程dijkstra+dfs#include<cstdio>#include<cstring>#defineINF2000000000#defineN101…

  • neokylin操作系统_linuxiso文件怎么安装

    neokylin操作系统_linuxiso文件怎么安装xjdlt于2017-04-0615:49:11发表:楼主这3G多,我在论坛上申请的为什么才1.85G?5q2m于2015-11-2922:09:20发表:官网登不上,资源又少,快疯了ttt105于2015-11-2510:35:02发表:谢谢了。学习一下了PlumLee于2015-11-1511:50:25发表:我来支持一下,试用一下。马踏飞燕于2015-1…

  • pycharm如何设置官方中文?pycharm如何汉化?pycharm终于支持官中了!!![通俗易懂]

    pycharm如何设置官方中文?pycharm如何汉化?pycharm终于支持官中了!!![通俗易懂]文章目录汉化方法官方汉化与第三方对比Java的idea在更新2020.1时就更新了官方汉化,当时Pycharm还没用出现汉化,但这两天提示我更新2020.1.1的时候,我发现pycharm也出现了官方汉化,在此建议你要是想用官方汉化,先把你的pycharm升级为最新版本。汉化方法打开pycharm左上角的file(文件)>选择settings(设置)>打开plugins(插件)>搜索chinese(中文插件),下载好后重启pycharm。官方汉化与第三方对比这里使用

  • NOIP2014_noip比赛时间

    NOIP2014_noip比赛时间NOIp2012day1T1Vigenère密码标签:模拟主要是用了ASCII码,字母’A’的ASCII码是41H(01000001B),字母’a’的ASCII码是61H(01100001B),字母’A’与’a’的二进制后5位是相同的,所以无论是大写字母还是小写字母x,x&31(11111B)的值就是x在字母表里的顺序。简单判一下边界就行了c…

  • 源码网_python源码大全

    源码网_python源码大全源码结构目录可以看到此模块定义了4个属性和12个函数,我们依次来讲解属性源码分析#匹配http://或https://absolute_http_url_regexp=re.compil

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号