ddgw.net
当前位置:首页 >> Css透明度属性opACity >>

Css透明度属性opACity

css中的Alpha:设置透明度Alpha(Opacity=?, FinishOpacity=?, Style=?, StartX=?, StartY=?, FinishX=?, FinishY=?)Opacity:透明度级别,范围是0-100,0代表完全透明,100代表完全不透明.FinishOpacity:设置渐变的透明效果时,用来指定结束时的透明度,范围也是0 到 100.Style:设置渐变透明的样式,值为0代表统一形状、1代表线形、2代表放射状、3代表长方形.StartX和StartY:代表渐变透明效果的开始X和Y坐标.FinishX和FinishY:代表渐变透明效果结束X和Y 的坐标.

css中filter仅支持ie6以及以上版本,其余浏览器,包括firefox,chrome,opera,Safari都不支持.要在这些版本设置透明度,可用opacity属性,支持的浏览器包括IE 9.0,Firefox,Safari,Chrome,opera.opacity取值在0到1之间浮动以下是示例代码<!

首先opacity是非IE浏览器的属性,IE要用滤镜 filter:alpha(opacity=50); 第二白色字不显示,是完全看不见,还是看不清楚?建议用Debug查看实时代码到底是透明度问题还是其他css兼容性问题,最好贴上你的代码和测试环境.再看看别人怎么说的.

可以用这个属性:opacity: 0.95; opacity为属性,0.95为值(其中值的范围在0~1之间)

filter:alpha(opacity:);opacity:;一个ie一个chrome,ff

opacity: 0.4; //IE9+和非IE透明 background:rgba(0, 0, 0, 0.4); //背景透明 filter:Alpha(opacity=40);IE6,7,8

有两种:1、background:#000; opacity:0.5; 这个方法是给盒子背景颜色透明,但盒子里面有内容的话,连内容也会透明,就是说子元素会继承上一级的属性2.background:rgba(0,0,0,0.5); 这个只针对背景颜色,子元素不会继承上一级的属性

目前知道两种 第一种 只能分开写 然后绝对定位position:absolute;第二种是 你的背景图片本来就是半透明的

如设置50%的透明度 前一个支持ie,后一个支持ff等 img {filter:alpha(opacity=50);opacity:0.5;}

利用alpha通道设定透明度的时候需要单独对每一个设定,而opacity直接就运用在了整个标签上, 其实这就是两者最大的区别,总结来说,opacity只能设定整个元素的透明值,而alpha通道可以特定对元素的某个属性设定透明值,比如上面的背景、 边框、文字等.

网站首页 | 网站地图
All rights reserved Powered by www.ddgw.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com