是否有 jquery 工作可以使 css shadow-roundedcorners 在 IE6 和 Up 上工作答案

【问题标题】：Is there a jquery work that can make css shadow-roundedcorners works on IE6 and Up是否有 jquery 工作可以使 css shadow-roundedcorners 在 IE6 和 Up 上工作
【发布时间】：2011-09-27 19:27:01
【问题描述】：

我需要创建一个跨浏览器css，以使我的网站在每个浏览器中看起来都一样。

是否有任何跨浏览器CSS工作表，也可以称为“css hack”以使阴影和圆角显示为相同浏览器，是否可以在IE6 or higher中同时使用这两个。

我发现了一些 css 工作表，这些工作表是分开做的，但不是一起做的。所以如果有办法让这两种不同的css能力在IE6 or higher中协同工作，我想知道。

【问题讨论】：

我也很抱歉我的英语使用不好。

标签： jquery internet-explorer css

【解决方案1】：

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

来自网站：

PIE 代表渐进式 Internet Explorer。它是一种 IE 附加行为，当应用于元素时，它允许 IE 识别和显示许多 CSS3 属性。如果愿意，请考虑以下 CSS：

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

这会在当今的任何现代浏览器中产生一个带有漂亮圆角的框，当然 IE 6、7 或 8 除外，它们都显示一个方形框。但是，将以下单个规则添加到该 CSS：

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

现在完全相同的圆角出现在 IE 中！这里的所有都是它的。不，真的，我是认真的。

稍微减慢加载时间，但效果很好。还允许使用投影和渐变等内容。

【讨论】：

ty 了解有关其使用的更多信息。我喜欢它。

【解决方案2】：

CSS3Pie 是您所需要的。请务必先阅读文档，尽管它很容易上手。

【讨论】：

求助，这是一个真正强大的工具。

【解决方案3】：

您可以在ie中使用过滤器进行阴影

filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=10);  /* IE */

你也可以用这个JS来做曲线 http://blue-anvil.com/jquerycurvycorners/test.html#fragment-2

【讨论】：

是的，这很好，但需要在 CSS 样式中应用 z-index 和位置：相对检查此问题 css3pie.com/documentation/known-issues/#z-index
在我的 css 工作表中，所有内容都有一个 z-index + 相对位置，但谢谢你的观点，做得很好。