Question

我已经为我的主题添加了用于圆角功能的jQuery圆角插件，因为我没有在主题中添加任何背景图像，因此它的工作正常。当我去第二个主题时，我添加了图像作为背景，当我尝试为主题应用圆角功能时，它会在角落添加一些背景颜色，如https://forum.jquery.com/topic/rounded-corners-plugin-jquer-corners-js-ie-problem

我搜索过每一个我没有找到解决方案的地方。我甚至尝试将背景图像添加到#navigation li和#navigation a。但它不能在IE8中工作，因为IE8目的我使用的是jQuery圆角插件，因为css3pie无法正常工作。

var jq=$.noConflict();
jq(document).ready(function(){
    alert('hello alert1 ');
    jq('#navigation li').attr("data-corner","right 20px");
    jq('#navigation a').attr("data-corner","right 20px");
    jq('#navigation li').corner();
    jq('#navigation a').corner();
    jq('#subMenu li').corner();
    alert('hello alert3 ');
});

我必须在http://malsup.github.io/jquery.corner.js中添加角落颜色（cc）的图像。任何人都可以帮助我吗？

Answer 1

更简单的解决方案是使用border-radius。

例如，

<div id='navigation'></div>

将是你的HTML，然后你的CSS看起来像这样......

#navigation{
    border-radius:10px;
}

不需要JavaScript，比使用jQuery快得多。如果您担心不支持border-radius属性的浏览器，可以使用http://css3pie.com

如何在jQuery中添加图像作为圆角的背景？

1 个答案: