如何让css3+支持ie，css浏览器适配

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

IE6/7/8如何兼容CSS3属性_html/css_WEB-ITnose

ul标签 ie7，ie8兼容怎么搞，为什么ie7的高度会高些啊？、不要使用。

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

整理关于IEIEIEFirefox兼容性CSS HACK问题，另外CSS3的兼容性不是很好，但是在未来有前途。

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

Q1: 如何使用CSS3配合IE滤镜实现渐变和投影的效果

1、第一个参数：指定渐变方向，可以用“角度”的关键词或“英文”来表示：第一个参数省略时，默认为“180deg”，等同于“to bottom”。第二个和第三个参数，表示颜色的起始点和结束点，可以有多个颜色值。

2、将起点和方向设置为角度，还要定义颜色停止必须指定至少两个停止颜色。

3、弄一个透明渐变的PNG覆盖在你的图片或者div上方即可。

4、CSS据我所知好像没有能制作投影效果的属性。但是CSS 3有制作投影的属性：text-shadow是给文本添加阴影效果，box-shadow是给元素块添加周边阴影效果；由于浏览器兼容性问题。

5、我们可以通过css3属性实现更多炫酷的页面效果，丰富网站内容，比如背景颜色呈线性渐变的效果！下面我们就给大家介绍一个常见的css3渐变效果。

6、首先，打开html编辑器，新建html文件，例如：index.html。

Q2: 怎么解决ie不兼容css3的问题

1、这两点的解决方案是：将滤镜样式直接内嵌在元素标签上。如果有更好的解决方法可以留言。想了解更多Matrix滤镜，请猛戳这里和这里这样配合CSS3样式transform即可兼容所有浏览器实现旋转效果。

2、html5shiv：解决ie9以下浏览器对html5新增标签的不识别，并导致CSS不起作用的问题。respond.min：让不支持css3 Media Query的浏览器包括IE6-IE8等其他浏览器支持查询。

3、用ie8的兼容模式来运行，这样就能解决了，我试了一下，将它改为IE7也可以，IE6就不行了。希望能帮到你。

4、下载一个压缩包，里面有一个微软的脚本文件（11KB）和一个用来测试服务器是否有正确的Content-Type的HTML文件：iecssrar；.htc文件是IE内核支持Web行为后用来描述此类行为的脚本文件。

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

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

2、另外，Modernizr 脚本中已经添加 HTML5 浏览器支持脚本 html5shiv，我们只要引用 Moernizr.js 文件，IE9 以下的 IE 浏览器就支持 HTML5 添加的语义标签如 nav、section、article 等，也可以使用 CSS 对它们进行样式化。

3、CSS hack由于不同厂商的浏览器，比如IE、Firefox、Chrome等，或者同一厂商不同版本，比如IE6和IE7对CSS的解析认识不完全一样，因此会导致生成的页面效果不一样，得不到我们所需要的页面效果。

Q4: 如何让ie8及一下的版本支持css3选择器

ie-cssjs下载页面的每一个样式文件并解析它的CSS3伪选择器。如果一个选择器被找到，它就会被替换为同名的CSS class。比如： div：nth-child(2) 将会变成 div._iecss-nth-child-2 。

至今为止，我没有找到比较好的解决办法。唯一的解决办法就是。火狐谷歌浏览器用HTML5实现圆角，如果是IE的话，就识别出来之后，用图片代替。

Keith Clark的ie-cssjs 这是个与IEjs类似的项目，其选择器可借助其他JavaScript库，所以其本身较小。 zoltandulac的cssSandpaper 这是一个使用IE滤镜实现一些CSS3属性的方法。

respond.min：让不支持css3 Media Query的浏览器包括IE6-IE8等其他浏览器支持查询。

Canvas实现图片圆角的关键是使用“纹理填充”。Canvas中有个名为createPattern的方法，可以让已知尺寸的图片元素转换成纹理对象，作填充用。

关于如何让css3+支持ie和css浏览器适配的介绍到此就结束了，不知道你从中找到你需要的信息了吗？如果你还想了解更多这方面的信息，记得收藏关注本站。