是否有任何官方jQuery插件(如jQuery UI)允许在所有浏览器中使用这些效果?或至少IE8,Chome,FF和Opera . 我不想要用户插件,因为它们通常缺乏长期支持,彼此不兼容或缺乏一致的质量和优化 .
我在jQuery UI演示页面中看到了一些“Overlay和Shadow Classes”,但我找不到任何关于它们的文档 . 我认为那些经常需要的功能必须以某种方式包含在jQuery中?
我会提供任何帮助!提前致谢!
有'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浏览器没有影响,这些浏览器将通过其中一个来渲染效果 . 前三个指令 .
behavior
您还可以汇编所有PIE值得对象的列表,并一次性声明行为(在常规规则之后):
div.shadowbox, div.roundbox, p.somethingelse { behavior: url(PIE.htc); }
关于这种方法的智慧肯定存在很多争论的空间 - 但在许多情况下它确实起作用 .
1 回答
有'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)的组合 . 一个例子:
CSS3 PIE工作得非常好,并且似乎比IE7.js系列解决方案表现得更好 . 基本上,你将相同的
behavior
行放入任何使用border-radius,box-shadow等的CSS规则中 . 该脚本负责其余部分,并且对非IE浏览器没有影响,这些浏览器将通过其中一个来渲染效果 . 前三个指令 .您还可以汇编所有PIE值得对象的列表,并一次性声明行为(在常规规则之后):
关于这种方法的智慧肯定存在很多争论的空间 - 但在许多情况下它确实起作用 .