CSS3 属性 opacity:透明度


浏览器支持

IE9+ 及 Chrome、Firefox、Opera、Safari 等主流浏览器支持。
IE8 以及更早的版本支持替代的 filter 属性。例如:filter:Alpha(opacity=50)。

定义

opacity 属性设置元素的不透明级别。默认值:1。
语法:

opacity: value|inherit;

JavaScript 语法:

object.style.opacity=0.5

值:

  • value – 规定不透明度。从 0.0 (完全透明)到 1.0(完全不透明)。
  • inherit – 从父元素继承 opacity 属性的值。

举例





	div {
		background-color: red;
		opacity: 0.5;
		filter: Alpha(opacity=50);/* IE8 以及更早的浏览器 */
	}



	<div>本元素的不透明度是 0.5。请注意,文本和背景色都受到不透明级别的影响。</div>



详解 CSS 伪元素与伪类的区别 >>
  • 作者 建站迷

    建站迷

    让天下没有难做的网站!
    解决中小型企业的无站之伤。



没有账号? 忘记密码?

社交账号快速登录