当前位置:首页 / 网页制作 / CSS教程 / 设定半透明的元素方法
设定半透明的元素方法
芯晴素材特效 分类:CSS教程 发布日期:2018-05-07

这次给大家带来设定半透明的元素,设定半透明元素的注意事项有哪些,下面就是实战案例,一起来看一下。

.opacity{ filter:alpha(opacity=50);

/* IE */ -moz-opacity:0.5;

/* 老版Mozilla */ -khtml-opacity:0.5;

/* 老版Safari */ opacity: 0.5;

/* 支持opacity的浏览器*/}

用 来设定一个元素为半透明

1
2
3
4
5
.filter = "alpha(opacity=" + opacity + ")";   
/* IE */ .MozOpacity = (opacity / 100);                
/* 老版Mozilla */ .KhtmlOpacity = (opacity / 100);              
/* 老版Safari */ .opacity = (opacity / 100);                   
/* 支持opacity的浏览器*/

在Windows平台上缩放图片,可能出现图像失真现象,可用IE的专有命令:

1
img{-ms-interpolation-mode: bicubic;}

版权信息:本站所有资源仅供学习与参考,请勿用于商业用途,如有侵犯您的版权,请及时联系821794221#qq.com(#换@),我们将尽快处理。

您可能在找这些

  • 内容标签:

热门素材

带QQ和旺旺右侧悬浮在线客服

2017-03-16   浏览:503

win8扁平风格网页侧边栏在线客服

2017-03-15   浏览:109

jQuery安卓发展史时间轴网页下载

2017-03-13   浏览:438

倒影效果的电子表,显示当前时间

2013-01-08   浏览:8340

韩国购物网商品推荐广告网页下载

2017-03-11   浏览:421

页面上自由移动飞舞的多幅图片

2012-12-28   浏览:7893

一个漂亮的带进度条的等待跳转页面

2013-01-14   浏览:11252

jq滚动下拉

2017-03-19   浏览:465

图片带链接的javascript幻灯片播放

2013-01-04   浏览:9169

JS操作控制div层的展开关闭效果

2013-01-18   浏览:8014

[荐] 为图片添加漂亮的说明文字的cs

2013-01-08   浏览:8290

JS动画测试:透明度渐变、位置移动、

2013-01-11   浏览:8467