css3中的样式兼容性问题怎么弄?

1、目前来说对css支持最好的公认的是火狐浏览器，错位的原因在css代码书写不规范。兼容性：对于CSS（样式表）并不是所有浏览器的所有版本都支持的很好，比如IE5以前的浏览器对于CSS的支持就不是很好。

创新新互联，凭借10余年的成都网站建设、网站设计经验，本着真心·诚心服务的企业理念服务于成都中小企业设计网站有成百上千家案例。做网站建设，选创新互联。

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

3、解决方法：设计两份样式，一份给新版浏览器，一份给旧版浏览器。使用@import url(“xxx/xxx.css”)语句来导入新版浏览器的样式，使用link来导入旧版浏览器的样式。

css样式表的三种样式

CSS样式分为：内联式css样式、嵌入式css样式、外部式css样式。对CSS三种样式定义及其实例：内联式css样式。内联式css样式表就是把css代码直接写在现有的HTML标签中，如下面代码：这里文字是红色。

CSS样式表可以分为外部样式表、内部样式表、内联样式。

CSS样式主要包含以下三种类型：行内样式（内嵌样式）：结构的内部，即写在标签内的样式；写在标签的开始部分内部，style属性当中。

css样式分三种，内部样式，内联样式和外部样式。

FireFox对CSS样式的兼容性。

可以加-moz-。这个前缀主要用于低版本火狐浏览器css3的兼容。由于css3刚出来的时候，各浏览器没有统一，所以低版本需要加兼容前缀，后面的版本已经统一了就可以不加前缀也能正常显示。也可以使用js插件自动加前缀。

典型的css兼容问题，即该组css样式中使用了火狐浏览器不兼容的属性，导致样式无法生效；火狐浏览器的误设置，将css样式关闭。开启方式：菜单-查看-页面样式，选择为“基本页面样式”即可。

在同一个CSS样式表中，使用 ！important 来定义不同的值以适应Firefox和IE。

\x0d\x0a因为IE6对于部分css样式属性的解读不是非常符合W3C标准，您需要使用hack方式以保证样式的跨浏览器适配。

有关css样式解决浏览器兼容

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

\x0d\x0a造成IE9以上浏览器无法加载CSS样式表的，有几个可能的原因，一个可能是你的CSS样式引用的书写方式不正确，导致在IE9和IE10下面无法通过MIME的检查，如果是这个原因，在代码里面修改一下css样式引用的方法就行了。

width：200px；_width：100px} 表示在FF中宽度为300px，IE7中为200，IE6中为100。要同时区分三个浏览器的时候，css样式的书写顺序为：FF IE7 IE6。

做一个全兼容的CSS样式不知道应该怎么写?

1、没什么捷径走，兼容性是靠经验得来的。前期建议买本css书系统学习一下，做的时候每写一句css就用不同浏览器测试一下，哪个不兼容就立刻修改css。遵守规范，谨记用合适的标签做适合的事，最少的标签做最多的事。

2、Z-INDEX： 300；Z-INDEX 是层叠顺序，当你设置了POSITION： absolute；的时候，这个层叠顺序才起作用。你有两个层一个是Z-INDEX： 299；令一个是Z-INDEX： 300；那么Z-INDEX： 300；的会覆盖在上边。

3、一般我们都是提取出一个公共的样式，然后页面又是一个单独的样式。兼容主流浏览器就没什么问题了。然后还会有一点点的小兼容问题，调调就可以了。

4、缺点是要控制内容不要换行 。 margin加倍的问题设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。

怎样解决CSS样式在不同浏览器下的兼容问题(转)

1、条件注释。（只对IE浏览器有效）这也是北极冰仔部落格目前使用的方法。

2、这个一定要靠多查看，多调试才OK的~经验越多，调试越少~~~浏览器方面，安装IETester，IE8，FF最新版，opera最新版，这样就可以做好本地调试。

3、浏览器兼容问题一：不同浏览器的标签默认的margin和padding不同 问题症状：随便写几个标签，不加样式控制的情况下，各自的margin 和padding差异较大。

4、文字本身的大小不兼容。同样是font-size：14px的宋体文字，在不同浏览器下占的空间是不一样的，ie下实际占高16px，下留白3px，ff 下实际占高17px，上留白1px，下留白3px，opera下就更不一样了。