使用jQuery官方插件的文本和框投影，圆角和渐变

Question

是否有任何官方jQuery插件（如jQuery UI）允许在所有浏览器中使用这些效果？或至少IE8，Chome，FF和Opera。我不想要用户插件，因为它们往往缺乏长期支持，彼此不兼容或缺乏一致的质量和优化。

我在jQuery UI演示页面中看到了一些“Overlay和Shadow Classes”，但我找不到任何关于它们的文档。我认为那些经常需要的功能必须以某种方式包含在jQuery中吗？

我会提供任何帮助！提前谢谢！

Answer 1

没有“官方”的方法，但有一种务实的方式（与jQuery无关）。对于某些网站，我使用“正版”规则，浏览器特定版本和CSS3 PIE htc文件（用于IE）的组合完全在CSS中处理问题。一个例子：

div.roundbox {
  border-radius: 8px;          // Official. Maybe someday.
  -webkit-border-radius: 8px;  // Webkit browsers
  -moz-border-radius: 8px;     // Firefox
  behavior: url(PIE.htc);      // IE
}

CSS3 PIE工作得非常好，并且似乎比IE7.js系列解决方案表现更好。基本上，您将相同的behavior行放入使用border-radius，box-shadow等的任何CSS规则中。脚本负责其余部分，并且对将呈现效果的非IE浏览器没有影响通过前三个指令中的一个。

您还可以汇编所有PIE值得对象的列表，并一次性声明行为（遵循常规规则）：

div.shadowbox, div.roundbox, p.somethingelse { behavior: url(PIE.htc); }

对于这种方法的智慧肯定存在很多争论的空间 - 但在许多情况下它确实起作用。