您现在的位置是：网站首页> 编程资料编程资料

用CSS设定一个元素半透明css实现背景半透明文字不透明的效果示例纯css实现背景图片半透明内容不透明的方法利用CSS3制作简单的3d半透明立方体图片展示css3实现的半透明遮罩lightbox效果源码纯CSS实现多级半透明效果菜单代码纯CSS实现鼠标放上滑动出半透明效果的文字说明(新手小白必看)

2021-09-04 1083人已围观

简介这篇文章主要介绍了用CSS设定一个元素半透明的相关资料,非常不错，具有参考借鉴价值，需要的朋友参考下吧

.opacity{ filter:alpha(opacity=50); /* IE */ -moz-opacity:0.5; /* 老版Mozilla */ -khtml-opacity:0.5; /* 老版Safari */ opacity: 0.5; /* 支持opacity的浏览器*/}

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

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

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

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

以上所述是小编给大家介绍的用CSS设定一个元素半透明，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

上一篇：Css3新特性应用之视觉效果实例详解CSS3阴影 box-shadow的使用和技巧总结 5分钟让你掌握css3阴影、倒影、渐变小技巧(小编推荐)CSS3圆角边框和边界图片效果实例 CSS3实现翘边的阴影效果的代码示例详解CSS3的图层阴影和文字阴影效果使用详解CSS3的box-shadow属性制作边框阴影效果的方法CSS3实现曲线阴影和翘边阴影CSS3实现千变万化的文字阴影text-shadow效果设计

下一篇：详解CSS3浏览器兼容关于老式浏览器兼容HTML5和CSS3的问题css3强大的动画效果animate使用说明及浏览器兼容介绍

您现在的位置是：网站首页> 编程资料编程资料

相关内容

点击排行

本栏推荐

猜你喜欢