JavaScript HTML DOM Style opacity 属性

  • opacity 属性

    opacity属性设置或返回元素的不透明度级别。元素的不透明度级别描述透明度级别,其中1根本不是透明的,0.5是50%的透明度,0是完全透明的。
    使DIV元素透明:
    document.getElementById("myDIV").style.opacity = "0.5";
    尝试一下
  • 浏览器支持

    IE/Edge Chrome FireFox Safari Opera
    属性
    opacity
    支持
    支持
    支持
    支持
    支持
  • 语法

    返回opacity属性:
    object.style.opacity
    设置opacity属性:
    object.style.opacity = "number|initial|inherit"
  • 属性值

    描述
    number 指定不透明度。 从0.0(完全透明)到1.0(完全不透明)
    initial 设置这个属性为默认值。 阅读有关initial信息
    inherit 从其父元素继承此属性。 阅读有关inherit的信息
  • 技术细节

    项目 描述
    默认值: 1
    返回值: 一个字符串,表示元素的不透明度级别
    CSS版本 CSS3
  • 相关页面

    CSS参考:CSS opacity 属性