js垫片_垫片：使IE支持CSS3的四种方法

js垫片

Broadly speaking, there are three methods for bringing Internet Explorer 6 – 8 up to speed with modern web standards:

广义上讲，有三种方法可以使Internet Explorer 6 – 8与现代Web标准保持同步：

1. Replace the rendering engine in IE with something better, such as ChromeFrame, that understands both CSS3 and HTML5. (It can be difficult to convince clients and visitors to a site to do this, however).

   用更好的东西替换IE中的呈现引擎，例如ChromeFrame ，它可以理解CSS3和HTML5。 (但是，很难说服客户和网站访问者这样做)。

   If your page is written in HTML, try to work in IE-equivalents to CSS by using -ms- vendor prefix selectors for IE9, and / or work in older Microsoft proprietary equivalents to transforms and gradients, into the CSS.

   如果您的网页是用HTML编写的，请尝试通过使用-ms- IE9的-ms- 供应商前缀选择器以与IE等效CSS方式工作，和/或以较旧的Microsoft专有等效方式将其转换和渐变为CSS。

   "Shim" the web page with JavaScript that will allow IE6 – 8 to understand CSS2 & 3 selectors, properties and values.

   使用JavaScript对网页进行“填充”，使IE6-8能够理解CSS2和3的选择器，属性和值。

If you choose to take the second option, I would suggest using a transform translator to generate CSS for IE 6 – 8, and using ColorZilla to do the same process for gradients.

如果选择第二种方法，我建议使用转换转换器为IE 6 – 8生成CSS，并使用ColorZilla对渐变进行相同的处理 。

If you take the last option, there are a number of possible solutions. Previously, I've discussed using JavaScript to make IE aware of HTML5. Some of those scripts can also make IE CSS3-aware; what follows are exclusively CSS3 solutions for IE written in JavaScript.

如果您选择了最后一个选项，则有许多可能的解决方案。 以前，我已经讨论过使用JavaScript使IE知道HTML5 。 其中一些脚本还可以使IE CSS3识别； 以下是专门用JavaScript编写的IECSS3解决方案。

• CSS3Pie
  enables IE support of border-radius, box-shadow, border-image, multiple background images, and linear gradients. Uses the values of CSS written for other browsers (such as Mozilla and Webkit) to generate values for IE.

  CSS3Pie支持IE对边界半径 ， 框阴影 ， 边界图像 ， 多个背景图像和线性渐变的支持 。 使用为其他浏览器(例如Mozilla和Webkit)编写CSS值生成IE的值。

• cssSandpaper is a framework to support CSS3 2D Transformations in IE: rotate, skew and scale, along with linear gradients and box-shadow. Uses a shortcut system with its own prefix (-sand) to generate appropriate CSS for all browsers.

  cssSandpaper是一个框架，可在IE中支持CSS3 2D转换 ： rotate ， skew和scale ，以及线性渐变和box-shadow 。 使用具有自己的前缀( -sand )的快捷方式系统为所有浏览器生成适当CSS。

• eCCStender
  supports CSS3 selectors, @font-face, CSS3 backgrounds, borders and colors, transitions and transforms in IE 6 – 8, via a series of extensions.

  eCCStender通过一系列扩展支持IE 6 – 8中CSS3选择器， @ font-face ，CSS3背景，边框和颜色 ， 过渡和转换。

• Selectivizr
  is a tool that allows IE 6 - 9 to understand and use CSS3 selectors such as :first-child and ::first-letter.

  Selectivizr是允许IE 6-9理解和使用CSS3 选择器的工具，例如:first-child和::first-letter 。

翻译自: https://thenewcode.com/309/Shims-Four-Ways-To-Make-IE-Support-CSS3

js垫片