好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

jquery.corner.js ie8

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的详细内容...

  阅读:47次