如何解决css3在老版本IE下的兼容性

html-css026

如何解决css3在老版本IE下的兼容性,第1张

无法全部完美解决，如果能完美解决就不存在兼容这个概念了。

有很多js可以让一些老版本ie支持css3特性，但只是针对性的，没有哪个js能解决所有css3兼容问题，所以想通过js来最大程度让低版本ie支持css3的多种特性的话，你得同时引用几十个js，这个是得不偿失的，并且他们之间有没冲突你也不知道。

不要试图去搞定兼容问题，应该学会适当的降级处理，当一个css3效果遇到低版本ie时，在保障内容能正确显示、阅读的情况下，让效果略为下降

11-css3新增选择器 原创

2022-08-06 17:02:22

CapejasmineY

码龄4年

关注

文章目录

一、渐进增强和优雅降级

二、层级选择器

三、属性选择器

四、伪类选择器

1、结构伪类选择器

2、目标伪类选择器

3、UI元素状态伪类选择器

4、否定伪类选择器

5、动态伪类选择器

一、渐进增强和优雅降级

**渐进增强：**针对低版本浏览器进行构建页面，保证最基本功能。在针对高版本浏览器进行效果、互动等改进和追加功能，达到更好的体验。

**优雅降级：**一开始就构建完整的功能，然后针对低版本进行兼容。

二、层级选择器

三、属性选择器

四、伪类选择器

1、结构伪类选择器

在这里插入图片描述

例子：

2、目标伪类选择器

用法：

目标伪类选择器是结合锚点用的（就这一个用法）

锚点通过a标签设置href为“#xxx”的url，来跳转到标签x，id=“xxx”的块中，实现被跳转的标签元素有URL指向。当点击a链接时会跳转到x标签页面上（url指向该标签处）并触发x:target属性。

渐进增强：在网页开发中，渐进增强认为应该专注于内容本身。一开始针对低版本的浏览器构建页面，满足最基本的功能，再针对高级浏 览器进行效果，交互，追加各种功能以达到更好用户体验,换句话说，就是以最低要求，实现最基础功能为基本，向上兼容。以css为例，以下这种写法就是渐进增强。谈到用户体验的问题， 地址 。最后讲到了渐进增强，于是突然想到了渐进增强和优雅降级这个问题，感觉有点嚼头。 优雅降级（graceful degradation）：一开始就构建站点的完整功能，然后针对浏览器测试和修复。 渐进增强（progressive enhancement）：一开始只构建站点的最少特性，然后不断针对各浏览器追加功能。优雅降级：使用优雅降级方案，Web站点在所有新式浏览器中都能正常工作，如果用户使用的是老式浏览器，则代码会检查以确认它们是否能正常工作。由于IE独特的盒模型布局问题，绝大多数Web设计师和开发者都通过专门的样式表或针对不同版本的IE的hack。广义来说，其实要定义一个基准线，在此之上的增强叫做渐进增强，在此之下的兼容叫优雅降级。这个基准线对于我，是允许使用javascript、cookie和css的IE8浏览器。

不过狭义而言，渐进增强一般说的是使用CSS3技术，在不影响老浏览器的正常显示与使用情形下来增强体验，而优雅降级则是体现html标签的语义，以便在js/css的加载失败/被禁用时，也不影响用户的相应功能。