首页 文章

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

提问于
浏览
0

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

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

我会提供任何帮助!提前致谢!

1 回答

  • 2

    有's no 3024325 way to do it, but there is a pragmatic way (which has nothing to do with jQuery). For some sites, I'已完全在CSS内处理问题,使用"genuine"规则,浏览器特定版本,然后是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
    }
    

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

    您还可以汇编所有PIE值得对象的列表,并一次性声明行为(在常规规则之后):

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

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

相关问题