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

Question

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

javascriptjqueryjquery-pluginsliferayliferay-theme

4

我已经为我的主题添加了jQuery圆角插件以实现圆角功能，在第一个主题中它运作良好，因为我没有添加任何背景图像。但是当我选择第二个主题并添加背景图像时，尝试为主题应用圆角功能时，会在角落处添加一些背景颜色，如此https://forum.jquery.com/topic/rounded-corners-plugin-jquer-corners-js-ie-problem 我已经搜索了所有地方，但没有找到任何解决方案。我甚至尝试将背景图像添加到#navigation li和#navigation a中。但在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)添加图片。有人能帮我吗？

- ASR

2

停止支持不支持 border-radius 属性的浏览器。 - Sarath

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Dan Johnson · Accepted Answer

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

例如，

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

这将是你的HTML代码，然后你的CSS代码应该如下所示...

#navigation{
    border-radius:10px;
}

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