最佳jQuery圓角，在divs和表上工作？

我一定嘗試過5種不同的插件，每種插件都有缺點。首先，我需要它在指定高度的div上工作，如果沒有內容，仍然會在角落。其次，它需要在表上工作（還沒有發現任何「工作」）最佳jQuery圓角，在divs和表上工作？

我不是真的想使用的圖片，因爲這意味着爲主要內容的div 4images然後4images爲表，jQuery的就好辦多了

有什麼建議嗎？由於

以下是我與CURY角落試圖代碼

$(document).ready(function() 
{ 

    $('.content').corner(); 
    $('nav_links').corner(); 


}); 
</script> 

<div id="content" class="content">  

     <table id="nav_links" class="nav_links" cellpadding="7"> 
     <tr> 
     <td class="nav_background"><a href="index.html">Home</a></td> 
     <td class="nav_background"><a href="#">1</a></td> 
     <td class="nav_background"><a href="#">2</a></td> 
     <td class="nav_background"><a href="#">3</a></td> 
     <td class="nav_background"><a href="#">4</a></td> 
     </tr> 
    </table>

來源

2009-11-17 Elliott

你不應該首先被使用'table' .. – 2009-11-17 21:30:59

爲什麼我不應該？ – Elliott 2009-11-17 21:32:37

表格用於表格數據（即電子表格，如數據）。使用它來顯示導航鏈接被認爲是糟糕的標記。使用'ul/li'列表已經成爲多年來建立導航的更可接受的方式。 – 2009-11-17 22:16:43

我用過的Corners plugin，這沒有圖像作品。你的代碼幾乎是正確的，但是你似乎混合了你的jQuery選擇器。要選擇一個ID爲myId的元素，請使用$('#myId')，另請參閱jQuery docs中的選擇器。對於Firefox

工作代碼：

<html> 
<head> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
<script type="text/javascript" src="jquery.corners.min.js"></script> 
<script type="text/javascript"> 
$(document).ready(function() 
{ 
    $('#nav_links').corners('20px'); 
}); 
</script> 
<style type="text/css"> 
    #nav_links { background-color: #c0c0c0; } 
</style> 
</head> 
<body> 
<div id="content" class="content">  
      <table id="nav_links" class="nav_links" cellpadding="7"> 
       <tr> 
       <td class="nav_background"><a href="index.html">Home</a></td> 
       <td class="nav_background"><a href="#">1</a></td> 
       <td class="nav_background"><a href="#">2</a></td> 
       <td class="nav_background"><a href="#">3</a></td> 
       <td class="nav_background"><a href="#">4</a></td> 
       </tr> 
     </table> 
    </div> 
</body> 
</html>

注意，這需要你下載並安裝該插件。正如你在評論中寫的，這似乎不適用於IE中的表格。在這種情況下，最好的解決方案是將錶轉換爲dcneiner建議的列表，因爲無論如何，這個是在語義上是頁面/鏈接列表。如果你想堅持到表，並能指定一個明確的寬度，使用背景DIV做你想要什麼：

<html> 
<head> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
<script type="text/javascript" src="jquery.corners.min.js"></script> 
<script type="text/javascript"> 
$(document).ready(function() 
{ 
    $('#nav_links_background').corners('20px'); 
}); 
</script> 
<style type="text/css"> 
    #nav_links_background { background-color: #c0c0c0; width: 20em;} 
</style> 
</head> 
<body> 
<div id="content">  
    <div id="nav_links_background"> 
     <table id="nav_links" cellpadding="7"> 
       <tr> 
       <td class="nav_background"><a href="index.html">Home</a></td> 
       <td class="nav_background"><a href="#">1</a></td> 
       <td class="nav_background"><a href="#">2</a></td> 
       <td class="nav_background"><a href="#">3</a></td> 
       <td class="nav_background"><a href="#">4</a></td> 
       </tr> 
     </table> 
    </div> 
</div> 
</body> 
</html>

來源

2009-11-17 22:11:21 John

阿赫禮拜謝謝這很好=） – Elliott 2009-11-17 22:32:00

只是一個問題......只有在IE =頂部角落（問題我一直有，真的很煩人。 – Elliott 2009-11-17 22:33:31

也沒有在所有的角落在IE瀏覽器 – Elliott 2009-11-17 22:38:38

最佳jQuery圓角，在divs和表上工作？

回答

相關問題