来源:自学PHP网 时间:2018-02-08 10:48 作者: 阅读:次
[导读] CSS opacity 属性用于指定一个元素的透明度。换句话来说,opacity属性用于控制元素背后的背景的可见程度。...
CSS opacity 属性用于指定一个元素的透明度。换句话来说,opacity属性用于控制元素背后的背景的可见程度。
当一个元素的透明度数值越接近0时,它后面的背景就看得越清楚。 当 使用
使用 官方语法opacity: <number> 参数:
应用范围
示例代码/* 完全不透明 */ opacity: 1; opacity: 1.0; /* 半透明 */ opacity: 0.5; /* 完全透明 */ opacity: 0.0; opacity: 0; opacity: inherit; 由于IE8以下的IE浏览器不支持 .transparent { filter: alpha(opacity=50); /* internet explorer */ -khtml-opacity: 0.5; /* khtml, old safari */ -moz-opacity: 0.5; /* mozilla, netscape */ opacity: 0.5; /* fx, safari, opera */ } 在线演示下面的例子演示了一张图片的透明度为0.5,即半透明的图片。在鼠标滑过这张图片时,图片变为完全不透明。 img{ opacity: 0.5; -webkit-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s; } img:hover{ opacity: 1; } 浏览器支持
Internet Explorer9之前的IE浏览器不支持 IE9之后的IE浏览器不再需要使用 |
自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习
京ICP备14009008号-1@版权所有www.zixuephp.com
网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com