在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,這一解決方案對我幫助很大。 尋找你這樣的好文章。

發表評論

你必須登錄發表評論。