当前位置:  编程技术>WEB前端

兼容多浏览器实现半透明(Opera ie firefox)

    来源: 互联网  发布时间:2014-09-06

    本文导语:  Click on a link above to make the image disappear and re-appear by gradually fading in/out. It uses CSS transparency, in CSS you can set the transparency in different ways. To ensure that it works on most browsers we use all three. opacity: 0.5; This one...

Click on a link above to make the image disappear and re-appear by gradually fading in/out. It uses CSS transparency, in CSS you can set the transparency in different ways. To ensure that it works on most browsers we use all three.

opacity: 0.5;
This one is the official CSS3 method, at the moment it works in newer Mozilla versions. 
-moz-opacity: 0.5;
This one works in older versions of Mozilla and Phoenix/FireBird/FireFox. 
-khtml-opacity: 0.5;
This is used by browsers that use teh KHTML rendering engine, namely Konquerer on Linux and Safari on MacOS. 
filter: alpha(opacity=50);
This one works only in MSIE. 
There is actually another one: -khtml-opacity: 0.5; works for the browsers Konquerer on Linux and Safari on MacOS. You could add it too if you want to support these users. Somewhere in the near future most browsers will support CSS3 and opacity: 0.5; should work everywhere.
代码如下:

function opacity(id, opacStart, opacEnd, millisec) {
    //speed for each frame
    var speed = Math.round(millisec / 100);
    var timer = 0;

    //determine the direction for the blending, if start and end are the same nothing happens
    if(opacStart > opacEnd) {
        for(i = opacStart; i >= opacEnd; i--) {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    } else if(opacStart 

    
 
 

您可能感兴趣的文章:

  • 通过javascript实现DIV居中,兼容各浏览器版本
  • CSS hack浏览器兼容一览表
  • JSP中用回车监听按钮事件兼容火狐 IE等主流浏览器
  • 处理CSS3跨浏览器兼容的工具 Prefixr
  • Iframe自适应高度兼容ie,firefox多浏览器
  • 都是IE惹的祸多浏览器兼容问题
  • php文件下载代码(多浏览器兼容、支持中文文件名)
  • 兼容ie6浏览器的php下载文件代码分享
  • 在到达无H无F境界前~还是要痛苦~我兼容浏览器的CSS
  • 不用js多浏览器兼容纯DIV/CSS对联漂浮广告代码
  • 多浏览器css兼容分析小结
  • jquery禁用右键、文本选择功能、复制按键的代码(兼容多浏览器)
  • jQuery.event兼容各浏览器的event详细解析
  • jQuery右下角弹出广告代码兼容多浏览器
  • php下载文件代码(兼容ie6浏览器)
  • jquery div拖拽效果(兼容浏览器)
  • css浏览器不兼容原因分析及解决办法第1/2页
  • css实现兼容各个浏览器的技巧的代码
  • Css浏览器兼容的解决方法
  • Web系统通过EXE文件实现读取客户电脑MAC等硬件信息且兼容非IE浏览器
  • 兼容各个浏览器的技巧
  • CSS expression控制图片自动缩放效果代码[兼容 IE,Firefox]
  • 让iframe自适应高度(支持xhtml)IE firefox兼容
  • IE与FireFox的兼容性问题
  • 通用弹出层页面(兼容IE、firefox)可关闭控制宽高及屏蔽背景
  • JS遮罩层效果(兼容ie firefox) jQuery遮罩层实例
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • IE11设置IE兼容性视图及提升Windows 8.1中IE11兼容性的相关设置
  • 请问各位老大,各种服务器(比如HP,IBM,DELL等,及各种小型机)都兼容什么操作系统,以及与磁阵的兼容性问题
  • 关于.so库不同版本兼容的问题
  • Linux 的向后兼容性
  • fedora16是兼容32位库的吗
  • 标准兼容的 WYSIWYG 编辑器 XStandard
  • IPv6兼容性诊断工具 IPv6 CARE
  • 请问ECHO命令与GETOPT函数的行为如何不兼容?
  • 我所希望的Java的跨平台特性及兼容性。
  • 嵌入式,2.6还是2.4 (向下兼容吗)?
  • 安装ZendOptimizer的时候提示与PHP5.3.5不兼容!?
  • Ylmf Os 可以兼容哪些软件?
  • 兼容 tar 的归档工具 btar
  • GTK+的Newt兼容库 gNewt
  • 兼容式屏幕阅读器 YASR
  • 兼容 WSGI 的 Web 服务器 FAPWS
  • 解决IE兼容性问题 IE7.JS
  • 关于程序兼容性的问题:(谢谢)
  • 打算买个新本子,考虑Linux兼容性
  • ld与.a后缀的静态库 不兼容
  • 兼容相容IC不同模组的LCD




  • 特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3