扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
现在基本都只应付IE7,IE6和FF(火狐)的兼容问题,具体做法是在做页面的时候,就打开三个浏览器来调试,不要等做完再来调,那样会累死。
创新互联公司是一家专业提供巴里坤哈萨克企业网站建设,专注与成都网站设计、网站建设、H5页面制作、小程序制作等业务。10年已为巴里坤哈萨克众多企业、政府机构等服务。创新互联专业网站建设公司优惠进行中。
在电脑上装一个ietester软件,如图 然后也装一个opera浏览器,做一个就调试下。
*+html #1 { color: #999; } /* IE7 */ 那么在firefox下字体颜色显示为#333,IE6下字体颜色显示为#666,IE7下字体颜色显示为#999。
整理关于IEIEIEFirefox兼容性CSS HACK问题,另外CSS3的兼容性不是很好,但是在未来有前途。
1、解决方法:在P对象上下各加2个空的div对象CSS代码:.1{height:0px;overflow:hidden;}或者为DIV加上border属性。
2、有两种方法:在同一个CSS样式表中,使用 !important 来定义不同的值以适应Firefox和IE。
3、解决办法就是给定义float:left;而非子元素,或者 给定义display:inline;也可以解决。12: 垂直列表间隙bug当我们使用 包含一个块级子元素时,IE6(IE7也有可能)会错误地给每条列表元素()之间添加空隙。
4、文字本身的大小不兼容。同样是font-size:14px的宋体文字,在不同浏览器下占的空间是不一样的,ie下实际占高16px,下留白3px,ff 下实际占高17px,上留白1px,下留白3px,opera下就更不一样了。
解决方法:在P对象上下各加2个空的div对象CSS代码:.1{height:0px;overflow:hidden;}或者为DIV加上border属性。
有两种方法:在同一个CSS样式表中,使用 !important 来定义不同的值以适应Firefox和IE。
DIV+CSS解决IE6,IE7,IE8,FF兼容问题 我搜了一个,这里只说现在主流的几个,(IE6,IE7,IE8,FF)其它的先不管 ie8下兼容问题,这个最好处理,转化成ie7兼容就可以。
.POSITION:absolute;这个就是绝对定位。简单的说,CSShack的目的就是使你的CSS代码兼容不同的浏览器。当然,我们也可以反过来利用CSShack为不同的版本浏览器定制编写不同的CSS效果。
padding: 10px; /For IE/ (注意这里IE6是无法识别,important 这个标记的,但它会识别padding: 20px,所以要在后面加上padding: 10px用来覆盖padding: 20px)这个方法适用于修改少量代码。条件注释。
margin-top:20px;/*IE7+、FF*/(比如这个样式写上去之后IE7-火狐显示效果都是你想要的。然而你在看IE6的时候多了10px。
编写出兼容各浏览器的CSS的技巧和方法: Div居中问题:div设置 margin-left, margin-right 为 auto 时已经居中,IE 不行,IE需要设定body居中,首先在父级元素定义text-algin: center;这个的意思就是在父级元素内的内容居中。
在电脑上装一个ietester软件,如图 然后也装一个opera浏览器,做一个就调试下。
1、目前只支持border-radius box-shadow 和 text-shadow 不过不建议用,会有浮动到时候又要hack,而且代码性能差。
2、IE 6,7,8支持CSS3的部分属性。介绍htc,它可以让IE浏览器支持CSS3的border-radius、box-shadow、border-image、CSS3 Backgrounds (-pie-background)、Gradients、RGBA属性。
3、IE浏览器暂不支持CSS3的一些属性。国外的工程师们,不安于此现状,他们总是尽量使用一些手段使IE浏览器也能支持CSS3属性,到目前为止,有不少可以让IE支持部分CSS3属性的工具 我们都知道,IE浏览器暂不支持CSS3的一些属性。
4、建议:不要考虑兼容IE圆角了,现在大多网站根本不管IE的css3属性,牺牲小部分用户部分体验,满足大部分用户才是明智之举。还有csshtc这个文件其实里面就是js写的,对浏览器性能影响太大了,所以真心不建议你用。
5、整理关于IEIEIEFirefox兼容性CSS HACK问题,另外CSS3的兼容性不是很好,但是在未来有前途。
6、如果你是指现在的css3的话,如果样式中含有圆角,动画,阴影,多背景……等等CSS3属性,就说明用的是css3,css3与之前的使用的CSS并没有什么冲突。有影响的只是浏览器而已。一些低级浏览器,例如IE8就不支持CSS3属性。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流