css3兼容怎么写，css 兼容

css的绝对定位怎么兼容所有的分辨率

一般的解决方案。采用定长定宽的布局。规划好页面的各部分元素大小。精确到px。然后整体居中，两侧留白。这样分辨率不一样，只会影响留白部分的大小。居中部分在各分辨率下显示效果一致。另一种解决方案比较少用。

细分的话，一个布局的问题，可以考虑用百分比的办法，就像亚马逊一样，宽度始终是满屏的，但是会带来空白的分布问题，还有一个是字体的问题，实在想解决的话就针对不同的分辨率调用不同的css吧。

位置版本：CSS2兼容性：IE4 + NS4 +继承：没有 语法：位置：静|绝对|固定|相对 值：静：默认值。

相关问答

Q1: 如何才能编写出兼容各浏览器的CSS

目标：css实现不同浏览器下兼容文本两端对齐。

hack针对的是像IE6等那些老版本的浏览器。它们都将会淘汰。而且现在每个浏览器更新的版本中对CSS的解释器都是根据CSS规范编写的。所以以后的CSS兼容问题都将消失。

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

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

Q2: 原生JS设置CSS3样式时,怎么添加兼容性前缀(

1、还有一个更简单的方法，是用prefixfree.js这个插件，引入后它会自动检测并添加兼容前缀，这样你写的时候都不用加，这个插件在GitHub上有，你去搜下吧。

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

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

4、-moz-， -webkit-， -o-这些都是浏览器前缀。box-shadow才是css样式。

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

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

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

图片渐变切图时一定要以最小为准则，例如在做垂直方向的纯颜色的渐变时，尝试使用1个像素的竖直图片作为渐变背景“最小单元”。另外，要注意css3虽然支持很多的浏览器的兼容，但是目前不支持Opera浏览器。

不支持css3的游览器上不要勉强用，网页执行效率极差。推荐一个网页 caniuse.com 这网页里可以查看css的属性能支持哪些游览器和版本。CSS即层叠样式表(Cascading StyleSheet)。

第有这情况会出现，你用本地测试的时候，比如IE有两个内核，一个是IE7 一个IE8，好像是供人测试用的，所以你测试的时候是用IE8内核，放上服务器浏览又是一个内核。建议你下载测试兼容性的工具。

这样的解决方发存在风险。还有一种方法，就是【平稳退化】。

Q4: IE9以下浏览器对CSS3的常用兼容处理

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

首先利用条件注释判断是不是IE9之前版本，如果是就执行js。先把所有新标签写入e数组中，然后遍历整个数组，并创建副本。

可以用，ie9以及以上浏览器都支持css3。ie9以下的浏览器会无视css3的样式。

，Internet Explorer 10+ 2，Firefox 3，Opera 4，Chrome Internet Explorer 9 以及更早版本的浏览器不支持 transition 属性。所以，如果在设计过程中需要考虑的IE较低版本的话，建议使用JS来代替transition。

关于css3兼容怎么写和css 兼容的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。