代码之家  ›  专栏  ›  技术社区  ›  Boris Hamanov

带有jQuery官方插件的文本和框阴影、圆角和渐变

  •  0
  • Boris Hamanov  · 技术社区  · 14 年前

    有没有官方的jQuery插件(比如jqueryui)可以在所有浏览器中实现这些效果?或者至少是IE8,Chome,FF和Opera。我不想要用户插件,因为它们通常缺乏长期的支持,彼此不兼容,或者缺乏一致的质量和优化。

    我在jqueryuidemo页面中看到了一些“覆盖和阴影类”,但是我找不到任何关于它们的文档。我认为那些经常需要的特性必须以某种方式包含在jQuery中?

    我将感激任何帮助!提前谢谢!

    1 回复  |  直到 14 年前
        1
  •  2
  •   Ken Redler    14 年前

    CSS3 PIE htc文件(用于IE)。举个例子:

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

    css3pie运行得非常好,似乎比IE7.js系列解决方案的性能要好得多。基本上,你也一样 behavior

    您还可以组合一个所有派对象的列表,并一次性声明行为(遵循常规规则):

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

    关于这种方法是否明智,当然还有很多争论的余地——但在许多情况下,它确实非常有效。