css样式兼容ie8写法 css兼容性有哪几种处理方案

求助css解决ie8兼容性的问题

\x0d\x0a\x0d\x0aIE8兼容问题\x0d\x0aie8下兼容问题，这个最好处理，转化成ie7兼容就可以。

创新互联专注于石拐网站建设服务及定制，我们拥有丰富的企业做网站经验。 热诚为您提供石拐营销型网站建设，石拐网站制作、石拐网页设计、石拐网站官网定制、微信小程序服务，打造石拐网络公司原创品牌,更为您提供石拐网站排名全网营销落地服务。

首先，调试浏览器兼容性问题的顺序为：FF——IE8——IE7——IE6（我们公司只做FF和IE的兼容，所以我只说这些的。）大致情况下，FF不出问题，IE8就没有问题了。

经测试后完美解决了兼容模式问题，这样设置后IE中设置兼容模式的按钮也会消失，可以按F12打开“开发人员工具”来检查浏览器模式。

当我们使用不同的浏览器(Firefox IE7 IE6)访问同一个网站，或者页面的时候，会出现一些不兼容的问题，有的显示出来正常，有的显示出来不正常，我们在编写CSS的时候会很恼火，刚修复了这个浏览器的问题，结果另外一个浏览器却出了新问题。

而div则自适应更外层的宽度，这个方法不存在IE8内不存在兼容性问题（IE6以下不兼容）。方法在布局上和方法一一样，但是在导入图片和展示图片上有点差异，即用background导入图片，用background-size来控制图片的展示。

兼容技巧：把大多浏览器预览效果为你想要的写在最顶。然后一些不兼容的版本就写在下面。例子如下：margin-top：20px；/*IE7+、FF*/(比如这个样式写上去之后IE7-火狐显示效果都是你想要的。

用CSS怎么写浏览器兼容的代码?

1、.POSITION：absolute；这个就是绝对定位。简单的说，CSShack的目的就是使你的CSS代码兼容不同的浏览器。当然，我们也可以反过来利用CSShack为不同的版本浏览器定制编写不同的CSS效果。

2、padding： 10px； /For IE/ （注意这里IE6是无法识别，important 这个标记的，但它会识别padding： 20px，所以要在后面加上padding： 10px用来覆盖padding： 20px）这个方法适用于修改少量代码。条件注释。

3、margin-top：20px；/*IE7+、FF*/(比如这个样式写上去之后IE7-火狐显示效果都是你想要的。然而你在看IE6的时候多了10px。

4、编写出兼容各浏览器的CSS的技巧和方法： Div居中问题：div设置 margin-left， margin-right 为 auto 时已经居中，IE 不行，IE需要设定body居中，首先在父级元素定义text-algin： center；这个的意思就是在父级元素内的内容居中。

5、在电脑上装一个ietester软件，如图 然后也装一个opera浏览器，做一个就调试下。

6、. POSITION： absolute；这个就是绝对定位。

div+css在ie6,7下显示正常,在ie8下显示不出来,如何调整兼容性。。

1、首先，调试浏览器兼容性问题的顺序为：FF——IE8——IE7——IE6（我们公司只做FF和IE的兼容，所以我只说这些的。）大致情况下，FF不出问题，IE8就没有问题了。

2、DIV+CSS解决IE6，IE7，IE8，FF兼容问题 我搜了一个，这里只说现在主流的几个，（IE6，IE7，IE8，FF）其它的先不管 ie8下兼容问题，这个最好处理，转化成ie7兼容就可以。

3、IE8识别 ！important 要让IE6和IE8都识别，只要写两个相同但优先级不同的CSS即可。用你的代码打个比方。好比你的这一句 margin-bottom：15px ！important；//ie8合适的像素下使用这句。

4、先描述一下具体状况：有些时候li边距会突然增 加很多，值也不固定(只在IE6/IE7有这种现象)，让人摸不着头脑，仔细“研究”发现是由于其低级元素ul的padding引 起，padding的上下值对li有影响，左右无影 响。