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

各个浏览器的解决办法: css: .opacity{ filter:alpha(opacity=50); /* IE */ -moz-opacity:0.5; /* 老版Mozilla */ -khtml-opacity:0.5; /* 老版Safari */ opacity: 0.5; /* 支持opacity的浏览器*/} 用javascript来设定一个元素为半透明: object.filter = "alpha(opacity=" + opacity + ")&quo…

fliter: filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);…

Opacity的兼容处理          filter:alpha(opacity=100); /* IE */        opacity: 0.5; /* 支持opacity的浏览器*/…

什么是浏览器兼容问题?所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况.在大多数情况下,我们的需求是,无论用户用什么浏览器来查看我们的网站或者登陆我们的系统,都应该是统一的显示效果.所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题. 总结一下我编写代码的时候遇到的浏览器兼容问题,跟大家学习. 一.解决无法在IE6下面设置1px高的容器(div)的问题. 大家看看这一段代码: <div style="height:1px;wi…

1.chorme 最小字体的兼容性. 问题描述:ff和IE最小字体可设置为1px,可是chorme中文版最小字体是12px,小于12px的字体全部显示为12px.解决方案:chorme支持CSS3的,可用 font-size : 12px; -webkit-transform : scale(0.84,0.84) ; *font-size:10px;来解决,但是会发现整个容器都缩小了,变得不对齐了,再配合margin可解决 2.IE8及以下显示图片时多出一个边框而Chrome或Firefox下却…

HTML代码: <FORM> <A class=btn_addPic href="javascript:void(0);"><SPAN><EM>+</EM>添加图片</SPAN> <INPUT class=filePrew title=支持jpg.jpeg.gif.png格式,文件小于5M tabIndex=3 type=file size=3 name=pic></A> </FORM…

.opacity{font-size: 14px;-khtml-opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);filter:"alpha(opacity=60)";opacity:0.6; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);/*兼容ie8及以下*/}…

最近做的网站,需要兼容IE8,在这里记录一下,碰到的问题,方便以后查看补充 1.CSS选择器nth-child 不兼容 ul li:nth-child(2){ background-image: url(../img/2.jpg); background-size: cover; } IE8不兼容 这种写法 在网上百度了一下 兼容写法  戳这里 可以使用jQuery :nth-child() 来替代CSS3 的:nth-child(2n)这种类型的css写法 :nth-child(odd)用于匹…

本文系笔者学习原生javascript动效的笔记.内容基于某非著名培训机构的视频教程.并重新做了归类整理.删除了一些过时的内容.并重做了GIF图,加上了自己的一些分析. 一. 运动学基础 引子:从左到右的div <input id="btn1" type="button" value="开始运动!" onclick="startMove();" /> <div id="div1" styl…