美文网首页
30.rgba和opacity的区别? 31.CSS属性curs

30.rgba和opacity的区别? 31.CSS属性curs

作者: 柠檬与断章 | 来源:发表于2019-11-21 14:06 被阅读0次

    30.rgba和opacity的区别?

    (1)rgba和opacity都能实现透明效果,但最大的不同在于opacity作用于元素本身以及元素内的所有内容,而rgba只作用于元素本身,子元素不会继承透明效果。

    (2)rgba是CSS3的属性,用法说明:rgba(R,G,B,A),参数说明R(红色值。正整数|百分数),G(绿色值。正整数|百分数),B(蓝色值。正整数|百分比),A(Alpha透明度。0(透明)~1)。IE6-8不支持rgba模式,可以使用IE滤镜处理:

    filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr=#AARRGGBBAA,endColorstr=#AARRGGBBAA);
    其中AA,RR,GG,BB分别表示Alpha,R,G,B,取值为00-FF。

    (3)opacity也是CSS3的属性,用法说明:opacity:value 其中value取值0(透明)~1。对于IE6-8,可以用IE滤镜处理:

    31.CSS属性cursor?

    (1)cursor属性规定要显示的鼠标的光标类型。

    (2)常用取值:pointer(手),crosshair(十字线),default(箭头),auto(浏览器设置的光标)

    filter:alpha(opacity=50); /对应于opacity:0.5;/

    相关文章

      网友评论

          本文标题:30.rgba和opacity的区别? 31.CSS属性curs

          本文链接:https://www.haomeiwen.com/subject/jhvxictx.html