jQuery.corner.js是一个用JavaScript编写的jQuery插件,可以用于将 HTML 元素的角落圆形化,使它们在界面上显得更加美观。
$(document).ready(function(){ $('.example').corner(); });
上面的代码将选择类名为“example”的元素并将其角落圆形化。但是,在 Internet Explorer 8 中,它可能无法正常工作,因为 jQuery.corner.js 在该浏览器中遇到了一些问题。
该插件将通常映射到 CSS 边框半径属性的“border-radius”属性实现为 WebKit 和 Mozilla 专用的属性。但是,在 Internet Explorer 8 中,需要使用 Microsoft 提供的“CSS3Pie”解决方案来模拟这种效果。
因此,我们需要手动指定 CSS3Pie 的行为。以下是正确的用法:
$(document).ready(function(){ $('.example').corner(); if ($.browser.msie && ($.browser.version
上述代码将首先检查浏览器是否为 Internet Explorer 8 或更早版本。如果是,它将添加必要的CSS属性以使用 CSS3Pie。我们可以设置PNG或线性渐变背景,并在其上运行 behaviour:url(PIE.htc)以启用 CSS3Pie。
在这里,我们可以使用现成的 PIE.htc 文件,或者可以从CSS3Pie官网自定义 PIE.htc 文件的属性。
总之,使用 jQuery.corner.js 时,应该注意 Internet Explorer 8 中的问题。使用 CSS3Pie 可以解决这些问题,并使您的网站在所有浏览器中外观协调。
查看更多关于jquery.corner.js ie8的详细内容...
声明:本文来自网络,不代表【好得很程序员自学网】立场,转载请注明出处:http://haodehen.cn/did248726