opacityCSS属性指定元素的透明度。opacity属性指定元素的透明度。换句话说,不透明度属性指定元素后面的背景被覆盖的程度。1.跨浏览器透明度现在,透明度(opacity)是CSS3规范的一部分,但它已经存在了很长时间。但是,较旧的浏览器有不同的方式来指定不透明度或透明度。2.Firefox、Safari、Chrome、Opera和IE9中的CSSOpacity当前浏览器中CSSopacity的最新语法。示例CSS透明度示例
此文本为70%不透明(或30%透明)。调整opacity
值,看看它是如何工作的
解析:上述样式规则将使段落元素70%不透明(或30%透明)。opacity属性的取值范围是0.0到1.0。将其设置为不透明度:?1;将使元素完全不透明(即0%透明),并且opacity:?0;将使元素完全透明(即100%透明)。InternetExplorer8和更早版本中的CSS透明度实现InternetExplorer8和更早版本支持Microsoft独有的属性“alphafilter”来指定元素的透明度。示例注意:IE中的Alpha过滤器接受0到100之间的值。值0使元素完全透明(即100%透明),而值100使元素完全不透明(即0%透明)。3.与所有浏览器兼容的CSS透明度示例:p{opacity:0.5;/*OpacityforModernBrowsers*/filter:alpha(opacity=50);/*OpacityforIE8andlower*/zoom:1;/*FixforIE7*/}警告:包括alpha过滤器在InternetExplorer8和更早版本中指定透明度,因为这是Microsoft独有的属性,而不是标准的CSS属性,它会在样式表中创建无效代码。1.CSSImageTransparency你也可以使用CSSOpacity来制作透明图片。下图中的三个图像都来自同一个源图像。它们之间的唯一区别是它们的透明度。
项目不透明度:0.5