jquery - 有没有 jquery 可以让 css Shadow-roundedcorners 在 IE6 及以上版本上工作

Question

我需要制作一个跨浏览器 css，以使我的网站在每个浏览器中看起来都相同。

是否有任何跨浏览器 CSS 表，也可以称为“css hack”来制作阴影和圆 Angular Angular 在所有浏览器中显示为相同，并且是否可以在IE6或更高版本中同时使用这两个。

我发现了一些 css 表可以单独执行这些操作，但不能一起执行。所以如果有办法让这两种不同的CSS功能在IE6或更高版本中协同工作，我想知道。

Answer 1

尝试使用此处提供的 CSS3PIE:http://css3pie.com/about/

来自网站:

PIE stands for Progressive Internet Explorer. It is an IE attached behavior which, when applied to an element, allows IE to recognize and display a number of CSS3 properties. Consider, if you will, the following CSS:

#myElement {
  background: #EEE;
  padding: 2em;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  border-radius: 1em;
}

This results in a box with nicely rounded corners in any of today's modern browsers, except of course for IE 6, 7, or 8, which all display a square box. However, add the following single rule to that CSS:

#myElement {
  ...
  behavior: url(PIE.htc);
}

Now the exact same rounded corners appear in IE! That's all there is to it. No, really, I mean it.

稍微减慢加载时间，但效果很好。还允许诸如阴影和渐变之类的东西。