将图像圆角应用于；

Question

我使用 jQuery 插件为我的

创建圆角，但它不适用于很多浏览器，并且不支持鼠标悬停。

我想知道使用

使用两个图像（左角和右角）作为左侧和右侧的最佳方法是什么。

Answer 1

我见过最常用的构造是链接内的跨度。

所以类似：

<li><a><span>Your text here</span></a></li>    

然后您可以使用链接的悬停状态来定位跨度和链接：

a:hover{some rules here}  
a:hover span{some more rules here} 

这保持了某种语义，并且不会向页面添加太多垃圾。

Answer 2

您可以将 Div 放入您的 li 中，如下所示：

<li>
  <div class="lefcorner"></div>
  <div class='liContent'>Foo</div>
  <div class='rightcorner'></div>
</li>

这样您既可以保留语义，又可以获得样式 DIV 的跨浏览器支持。