jquery rounded corner mask image to achieve picture rounded corners_jquery

Please refresh once after running.

<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>Round corners mask image to achieve rounded corners by ahuinan 2009-5-15</title> <style type="text/css"> li{ list-style:none; float:left; margin-right:20px; margin-top:20px; position:relative; } img{ border:0; width:94px; height:94px; } .kuang_div{ position:absolute; z-index:1000; left:0; top:0; } </style> <div id="board"> <ul> <li> <a href="#"> <img src="http://www.jb51.net/upload/20090518004805144.gif" class="kuang" alt="jquery rounded corner mask image to achieve picture rounded corners_jquery" ></a> </li> <li><a href="#"> <img src="http://www.jb51.net/upload/20090518004805144.gif" class="kuang" alt="jquery rounded corner mask image to achieve picture rounded corners_jquery" ></a></li> <li><a href="#"> <img src="http://www.jb51.net/upload/20090518004805144.gif" class="kuang" alt="jquery rounded corner mask image to achieve picture rounded corners_jquery" ></a></li> <li><a href="#"> <img src="http://www.jb51.net/upload/20090518004805144.gif" class="kuang" alt="jquery rounded corner mask image to achieve picture rounded corners_jquery" ></a></li> <li><a href="#"> <img src="http://www.jb51.net/upload/20090518004805144.gif" class="kuang" alt="jquery rounded corner mask image to achieve picture rounded corners_jquery" ></a></li> <li><a href="#"> <img src="http://www.jb51.net/upload/20090518004805144.gif" class="kuang" alt="jquery rounded corner mask image to achieve picture rounded corners_jquery" ></a></li> <li><a href="#"> <img src="http://www.jb51.net/upload/20090518004805144.gif" class="kuang" alt="jquery rounded corner mask image to achieve picture rounded corners_jquery" ></a></li> <li><a href="#"> <img src="http://www.jb51.net/upload/20090518004805144.gif" class="kuang" alt="jquery rounded corner mask image to achieve picture rounded corners_jquery" ></a></li> </ul> </div>