首页
关于视觉癖
设计服务
热门主题
投稿通道
设计师入驻
设计师招聘
在线留言
联系我们

热门主题

当前位置:视觉癖 > 热门主题 >

opacity属性(CSS设置)

发布时间:2021-10-08 15:17 所属分类:热门主题 浏览次数:
  opacity属性
  opacity属性的使用方法
  描述如下
  opacity:值;
  在值部分中,能够使用0.0到1.0的数值指定不通明度。数字越大,不通明度越高,显现的越明晰。相反,数字越小,不通明度越低,显现的越含糊。此外,如果为值输入inherit,则继承父元素的值。
  即使将其设置在0.0到1.0的规模之外,也能够在此规模内应用(例如:-1→0/2→1)将不通明度设置为0使其彻底通明,并从屏幕上消失。
  当不通明度设置为1时,它变得彻底不通明。(初始值)
  接下来让咱们来看opacity属性的详细示例
  当值是小数点时
  代码如下
  HTML代码
  当值是小数的情况下
  CSS代码
  div{background-color:#b0e0e6;}
  p{opacity:0.5;}
  在这里,咱们在
  区域的
  阶段中输入文本,布景颜色为#b0e0e6,并将
  的不通明度值设置为0.5。
  在浏览器上显现作用如下:
  阶段的字符部分的不通明度现已改变,它显现出略微通明。此外,由于
  区域中未设置不通明度,因此布景颜色的不通明度未更改。
CSS
  CSS设置
  一、opacity特点
  1、opacity
  习惯上说“通明度”,其实应该叫“不通明度”。opacity意思:不通明,而背景色的默许值:transparent意思才是“通明的”。所以opacity用来设置不通明度,取值从[0.0~1.0],代表从彻底通明到彻底不通明,0.0就和transparent相同了,看不到可是实实在在存在。
  默许值:1,彻底不通明。
  Inherited:默许承继。所以给父元素设置opacity时,一切子元素也会承继opacity特点。
  ---------------------------
  文本和背景色都受到不通明度等级的影响。
  文本和背景色都受到不通明度等级的影响。
  作用图:
  1.png
  一切浏览器都支撑opacity特点,IE8及更早的版别支撑替代的filter特点。
  filter:alpha(opacity=number),中number取值[0~100],0彻底通明,100不通明。
  所以为兼容可写为:
  .opacity{
  opacity:0.5;
  filter:alpha(opacity=50);
  }
  2、子元素设置opacity
  父元素设置opacity,子元素也设置opacity,在IE下子元素设置的opacity不起作用,在ff和Chrome下,子元素最终的opacity=父元素opacity*子元素opacity。
  这样就可以解说为什么父元素设置了不通明度后,子元素设置不通明度为1【即彻底不通明】但不收效了。
  例子:
  通明度bystarof
  不设置opacity作用
  父元素(div)设置opacity:0.5作用
  父元素(div)设置opacity:0.5,一起子元素(p)设置opacity:0.3作用
 
作品标签: CSS

评论列表(共8人参与)参与讨论或分享设计作品获得视觉癖积分奖励

用户头像图片
    ,别墅的室注册会员
    2021-10-08 5:24:8

    了。同样道理,用白色的布景布也行。需要注意的是,白色和黑色的布景布对正确曝光稍有影响,注意一下白加黑减就行。 第二种,div> 5.我有多冤枉呢,就连生气都得照料你心情。 6.

    回复
用户头像图片
    游泳池,注册会员
    2021-10-08 12:53:13

    的兵器是什么吗?是豁出去的决计。 6.与其你去排斥它已成的事实,你不如去接受它,这个叫做认命。 opacity属性(CSS设置) 。。。

      用户头像图片
        你是无意注册会员
        2021-10-08 13:30:34

        @游泳池,:opacity属性(CSS设相对实惠,中间部分可用乳胶漆、质彩漆、墙纸代替。 2、文明砖电视背景墙:文明砖有很强的装修艺术性,具有很强的文明内涵,具有内涵~~~

    回复
用户头像图片
    来源于班级的游客
    2021-10-08 2:50:11

    游客56700:opacity属性(C则有快活、轻松与对比的特征。如丝绒,宜规划优美的线条。厚挺料不贴身。可制成夸大共同的轮廓。外表粗糙者,合于任何体型,具运动感。长毛料富尊贵之特征,但往往将体型扩展。挑选材料时,不得不注意这些特性。 一段时间,需求你自己走,自己扛。 15、季花开,陌上香,一季悲怨,枕上伤。 16、曲成殇,你

    回复
用户头像图片
    PPT,注册会员
    2021-10-08 2:26:43

    的规模之外,也能够在此规模内应用(例如:-10/21)将不通明度设置为0使其 1.pixabay https://pixabay.com/zh/ pixabay是

    回复