兼容E, Firefox, Chrome, Safari透明度效果

.transparent{
filter:alpha(opacity=60);  /*支持 ie 浏览器*/
-moz-opacity:0.60; /*支持 firefox 浏览器*/
opacity:0.60;  /*支持 chrome, opera, safari 等浏览器*/
}

为了保证在ie, firefox, chrome, safari等主流浏览器下都能正常显示透明度的效果，我们可以定义一个透明度的class，因为一写就要写3条

时间： 2024-09-21 19:37:39

兼容E, Firefox, Chrome, Safari透明度效果的相关文章

css实现透明度兼容IE, Firefox, Chrome, Safari代码

具体代码如下:  代码如下 复制代码 .transparent{ filter:alpha(opacity=60);  /*支持 IE 浏览器*/ -moz-opacity:0.60; /*支持 FireFox 浏览器*/ opacity:0.60;  /*支持 Chrome, Opera, Safari 等浏览器*/ } 上面我测试是兼容css实现透明度(兼容IE6.IE7.Firefox2.0) 其它的按常理也是兼容的大家可自行测试 另外都是控制div透明的话可尝试下面方法 我们可以用CSS

JS实现pasteHTML兼容ie,firefox,chrome的方法_javascript技巧

本文实例讲述了JS实现pasteHTML兼容ie,firefox,chrome的方法.分享给大家供大家参考,具体如下: <html> <body> <script language="JavaScript"> function test() { if (document.selection && document.selection.createRange) { var myRange = document.selection.cre

Firefox/Chrome/Safari的中可直接使用$/$$函数进行调试_javascript技巧

接着在各个浏览器中测试,发现Firefox/Chrome/Safari中有,IE9/Opera没有. $ 相当于 document.getElementById $$ 相当于 document.querySelectorAll 在chrome控制台敲$,$$一目了然   这两个函数都是浏览器调试工具自带的.

js实现iframe框架取值的方法(兼容IE,firefox,chrome等)_javascript技巧

本文实例讲述了js实现iframe框架取值的方法.分享给大家供大家参考,具体如下: 为啥世上会有这么多不同的浏览器?每次遇到js/css的浏览器兼容性问题,总是要发出这样的感叹,真希望这些个浏览器公司全部倒下,然后只留下一家(显然这是一个不可能实现的美好愿望),言归正传,看代码吧: iframe框架内页: <html> <head> <title>框架内页</title> </head> <body> <div> <

设为首页和收藏的Javascript代码(亲测兼容IE,Firefox,chrome等浏览器)_javascript技巧

由于chrome,safari,opara 浏览器还未支持自动 "设为首页" & "加入收藏".  所以我们只能try, catch一下, 给个错误提示!  也算完美了. 另外ie中, 很多人也碰到过 它window.external.addFavorite.  时会报错的问题.  所以俺也只好抛出提示信息了. 加入收藏: 复制代码 代码如下: function addFavorite(){    if (document.all){        try{

iframe框架取值兼容ie/firefox/chrome的写法

为啥世上会有这么多不同的浏览器?每次遇到js/css的浏览器兼容性问题,总是要发出这样的感叹,真希望这些个浏览器公司全部倒下,然后只留下一家(显然这是一个不可能实现的美好愿望),言归正传,看代码吧: iframe框架内页: <html><head>    <title>框架内页</title></head><body>    <div>        <input id="txt1" name=&

js 获取页面高度和宽度兼容 ie firefox chrome等_javascript技巧

复制代码 代码如下: <script> //得到页面高度 var yScroll = (document.documentElement.scrollHeight >document.documentElement.clientHeight) ? document.documentElement.scrollHeight : document.documentElement.clientHeight; alert(yScroll) //得到页面宽度 var xScroll=(docume

js上传图片预览代码（兼容IE、Chrome、Firefox）

我们一般根据IE6.IE7进行开发的时候写图片预览的代码是  代码如下 复制代码 document.getElementById("img").src = document.getElementById("file").value; 例子  代码如下 复制代码 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=

js 兼容多浏览器的回车和鼠标焦点事件代码(IE6/7/8,firefox,chrome

js 兼容多浏览器的回车和鼠标焦点事件代码(IE6/7/8,firefox,chrome 文本框: 复制代码 代码如下:<input type="text" onkeydown="keydownsearch(event)" /> js代码: 复制代码 代码如下: function keydownsearch(evt) { evt = (evt) ? evt : ((window.event) ? window.event : "")