opacity 兼容写法

CSS opacity的兼容写法

opacity{ opacity:0.5; filter:alpha(opacity=50); //filter 过滤器兼容IE678 }

.opacity{ position: absolute; top: 0px;left: 0px; background: #000; filter:alpha(opacity=50); /* IE */ -moz-opacity:0.5; /* 老版Mozilla */ -khtml-opacity:0.5; /* 老版Safari */ opacity: 0.5; /* 支持opacity的浏览器*/ } Js写法 object.filter = "alpha(opacity="

javascript常用函数封装——运动、cookie、ajax、获取行内样式兼容写法、拖拽

运动.cookie.ajax.获取行内样式兼容写法.拖拽封装大合集. //url,data,type,timeout,success,error function ajax(options){ //-1 整理options options=options||{}; options.data=options.data||{}; options.timeout=options.timeout||0; options.type=options.type||'get'; //0 整理data var a

JavaScript中的数组遍历forEach()与map()方法以及兼容写法

原理: 高级浏览器支持forEach方法语法:forEach和map都支持2个参数:一个是回调函数(item,index,list)和上下文: forEach:用来遍历数组中的每一项:这个方法执行是没有返回值的,对原来数组也没有影响: 数组中有几项,那么传递进去的匿名回调函数就需要执行几次: 每一次执行匿名函数的时候,还给其传递了三个参数值:数组中的当前项item,当前项的索引index,原始数组input: 理论上这个方法是没有返回值的,仅仅是遍历数组中的每一项,不对原来数组进行修改:但是我

CSS3-border-radius的兼容写法大全

<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="utf-8" /> <meta name="author" content"郭菊锋,702004176@qq.com"> <title>border-radius的兼容写法大全</title> <style> .image

javascript阻止事件冒泡的兼容写法及其相关示例

//阻止事件冒泡的兼容写法 function stopBubble(e){ //如果提供了事件对象,则是一个非IE浏览器 if(e && e.stopPropagation) //因此它支持W3C的stopPropagation()方法 e.stopPropagation(); else //否则,我们需要使用IE的方式来取消事件冒泡 window.event.cancelBubble = true; } <!doctype html> <html> <hea

currentStyle和getComputedStyle的兼容写法

今天学习javascript的时候,教程中介绍了一种简单实现jQuery 中css()方法的写法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> #div{ width: 200px; height: 200px; background: re

IE浏览器兼容问题(上)——html和css的兼容写法

用户使用的浏览器五花八门,我们要保证每一种浏览器都能兼容我们的代码,不能要求用户去改变浏览器,那么就得在我们的代码上下功夫.此时我们要用到hack. HACK就是针对不同的浏览器写不同的HTML.CSS样式,从而使各种浏览器达到一致的渲染效果. 下面我们就分别了解一下HTML的hack和CSS的hack. (一).HTML的hack HTML的hack由注释演变而来,在高级浏览器中注释不会被加载,把IE浏览器的兼容代码写在注释中,IE浏览器会识别. HTML的hack代码模板

css 背景色渐变兼容写法

最近在项目中,有很多地方都用到了线性渐变,比如:表单提交按钮的背景,数据展示的标题背景等等,按照以前的做法是切 1px 图片然后 repeat-x.下面我将介绍如何用 css 来完成该效果. css3:linear-gradient 比如:黑色渐变到白色,代码如下: .gradient{ background: -moz-linear-gradient(top, #000000 0%, #ffffff 100%); background: -webkit-gradient(linear, lef

js基础--获取浏览器当前页面的滚动条高度的兼容写法

欢迎访问我的个人博客:http://www.xiaolongwu.cn 前言在开发中,兼容性问题是最常见的,今天就来介绍一下关于获取滚动条高度的兼容性写法,宽度同理,我在这里就不一一解释了各浏览器的写法 IE6/7/8 document.documentElement.scrollTop IE9以上 window.pageYOffset或者document.documentElement.scrollTop Safari window.pageYOffset 与document.body.s

原生JS forEach()和map()遍历的区别以及兼容写法

一.原生JS forEach()和map()遍历共同点: 1.都是循环遍历数组中的每一项. 2.forEach() 和 map() 里面每一次执行匿名函数都支持3个参数:数组中的当前项item,当前项的索引index,原始数组input. 3.匿名函数中的this都是指Window. 4.只能遍历数组. 1.forEach() 没有返回值. arr[].forEach(function(value,index,array){ //do something }) 参数:value数组中的当前项,

Date.parse()转化日期为时间戳，ios与Android兼容写法

把固定格式日期转化为时间戳: //格式化当地日期 new Date('2017-11-11 0:0:0') //结果为:Sat Nov 11 2017 00:00:00 GMT+0800 (中国标准时间) //日期转化为当地时间戳 Date.parse(new Date('2017-11-11 0:0:0')) //结果为:1510329600000 <font color="Red">//但是在ios系统下不能解析转化</font> 兼容写法: //ios下写

javascript:currentStyle和getComputedStyle的兼容写法

currentStyle:获取计算后的样式,也叫当前样式.最终样式. 优点:可以获取元素的最终样式,包括浏览器的默认值,而不像style只能获取行间样式,所以更常用到. 注意:不能获取复合样式如background属性值,只能获取单一样式如background-color等. alert (oAbc.currentStyle); 非常遗憾的是,这个好使的东西也不能被各大浏览器完美地支持.准确地说,在我测试的浏览器中,IE8和Opera 11弹出了“object CSSStyleDeclarati

【css】css 背景色渐变兼容写法

最近在项目中,有很多地方都用到了线性渐变,比如:表单提交按钮的背景,数据展示的标题背景等等,按照以前的做法是切 1px 图片然后 repeat-x.下面我将介绍如何用 css 来完成该效果. css3:linear-gradient 比如:黑色渐变到白色,代码如下: .gradient{ background: -moz-linear-gradient(top, #000000 0%, #ffffff 100%); background: -webkit-gradient(linear, lef

background-size： contain 与cover的区别，以及ie78的兼容写法

一:background-size: contain 与cover的区别: 作用: 都是将图片以**相同宽高比**缩放以适应整个容器的宽高. 不同之处在于: 1. 在no-repeat情况下,如果容器宽高比与图片宽高比不同, cover:图片宽高比不变.铺满整个容器的宽高,而图片多出的部分则会被截掉: contain:图片自身的宽高比不变,缩放至图片自身能完全显示出来,所以容器会有留白区域: PS:其实,从英文的意思来说:cover意味着“遮罩.遮盖”---此处理解为“塞满”较恰当,conta

[转]currentStyle和getComputedStyle的兼容写法

currentStyle:获取计算后的样式,也叫当前样式.最终样式. 优点:可以获取元素的最终样式,包括浏览器的默认值,而不像style只能获取行间样式,所以更常用到. 注意:不能获取复合样式如background属性值,只能获取单一样式如background-color等. alert (oAbc.currentStyle); 非常遗憾的是,这个好使的东西也不能被各大浏览器完美地支持.准确地说,在我测试的浏览器中,IE8和Opera 11弹出了“object CSSStyleDeclarati

（转）css 背景色渐变兼容写法

css3:linear-gradient 比如:黑色渐变到白色,代码如下: .gradient{ background: -moz-linear-gradient(top, #000000 0%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#ffffff)); background: -webkit-linea

box-flex兼容写法

box-flex布局在这几年发生了多次变化,可分为2009版.2011版以及2013版, 区分: display:box(inline-box), box-{*}的格式为2009版 display:boxflex(inline-flexbox), flex()为2011版 display:flex(inline-flex), flex()为2013版,也是最新的版本由此可见兼容写法的复杂.. 三种版本分别由那些浏览器支持呢? 2009: 支持性最广的一版: Chrome.Firefox2+.S

javascript获取行间样式和非行间样式--兼容写法

style:获取行间样式: currentStyle:获取计算后的样式,也叫当前样式.最终样式. 优点:可以获取元素的最终样式,包括浏览器的默认值,而不像style只能获取行间样式,所以更常用到.注意:不能获取复合样式如background属性值,只能获取单一样式如background-color等. alert (oAbc.currentStyle);IE8和Opera 11弹出了“object CSSStyleDeclaration”:FF 12.chrome 14.safari 5则弹出“

JS——样式获取的兼容写法

样式获取普通获取属性方式div.style.width或者div.style["width"]无法获取内嵌和外链式,只能获取行内式 window.getComputedStyle(div, null) 返回元素的长宽等带有单位px 第二个参数是伪类,没有填null <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <

IE 样式属性前后缀兼容写法略统计

总结 IE 兼容写法: \9: IE6 IE7 IE8*: IE6 IE7_: IE6*+: IE7 ---------------------------------- 书写位置: background-color: #FF0000\9; /*IE6.IE7.IE8会显示红色*/ *background-color: #0066FF; /*IE6.IE7会变为蓝色*/ _background-color: #009933; /*IE6会变为绿色*/

巴特西

opacity 兼容写法

CSS opacity的兼容写法