• 技术文章 >web前端 >css教程

    设定半透明的元素

    php中世界最好的语言php中世界最好的语言2018-03-22 14:11:04原创884
    这次给大家带来设定半透明的元素,设定半透明元素的注意事项有哪些,下面就是实战案例,一起来看一下。

    .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;}

    相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

    推荐阅读:

    html+css中的四种隐藏方式

    linear-gradient的使用详解

    css样式中的border-image使用详解

    以上就是设定半透明的元素的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:半透明 元素 设定
    上一篇:css3视觉特效的实现 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • 手把手教你使用CSS实现酷炫六边形网格背景图• 聊聊怎么利用CSS实现波浪进度条效果• 实例详解CSS渐变锯齿问题如何解决!• 另辟蹊径!看看使用CSS滤镜怎么构建圆角和波浪效果• 聊聊怎么利用 CSS 构建花式透视背景
    1/1

    PHP中文网