jquery 插件corner实现圆角边框

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
  <head>    
    <title>jQuery Corners</title>    
<script type="text/javascript" src="jquery.js"></script>    
<script type="text/javascript" src="jquery.corners.min.js">
</script>         
<script type="text/javascript">     
$( function(){$('.roundedd').corners();})     
</script>         
<style type="text/css">   
 .roundedd     {       
 background-color:#eeeeee;   
  }     
</style>      
</head>  
<body> 
<div style="" class="roundedd"> class="rounded {10px}" </div> </body> 
</html>

 

我测试了一下发现一个问题bug:若background-color:#eeeeee;写成background-color:red;或 background-color:yellow;在火狐没问题,如果是IE的话就看不到效果了,所以建议用颜色RGB代码。

演示地址:

http://www.malsup.com/jquery/corner/

你可能感兴趣的:(JavaScript,jquery,XHTML,css,IE)