在Internet Explorer中的圆角使用JQuery

最近,我写了条对CSS3:圆角CSS的角落 ,这是一个伟大的解决方案创建圆角。 但是,Internet Explorer不支持它,但有一个解决方案,本文介绍的。

以下两个链接显示一个工作版本,也是一个zip文件,所以你可以下载得到这个工作,你需要的一切。

HTML是相当平直向前,从另一篇文章中使用的代码- HTML5的教程:入门

为了获得在IE工作的圆角,你需要JQueryJQuery的角落脚本,这两者都包含在上面的zip文件,然后我从HTML中引用。

<script src="js/jquery-1.3.2.min.js"></script>
<script src="js/jquery.corner.js"></script>

下一步,你只需要告诉浏览器哪个角落,你要进行四舍五入。

<script>
$("#container").corner();
$("section").corner();
$("aside").corner();
$("#main-navigation a").corner("top 5px");
</script>

如果你用CSS熟悉,那么你应该能够很容易地看到这是如何使用JavaScript,我们只是使用的元素,引号内的ID或类目标的HTML部分。

总结

而这一切就这么简单。 您可以创建各种圆角效果圆角演示网站上显示。 到现在为止,我一直创建圆角,使用这种方法,但看到这个jQuery的解决方案简单,我想切换至少为Internet Explorer和WebKit和Mozilla浏览器对CSS3的依赖。

你觉得呢? 你还在使用圆角解决方案的图片或JavaScript的CSS3的方法变得更加广泛的开发社区蔓延?

你可以留下回应 ,或TRACKBACK从您自己的网站。

“在Internet Explorer中使用jQuery圆角”

  1. narayanvj 说:

    感谢您的RAM,这一解决方案对我帮助很大。 寻找你这样的好文章。

发表评论

你必须登录发表评论。