4

我已经为我的主题包含了用于圆角功能的 jQuery 圆角插件，对于第一个主题它工作正常，因为我没有向主题添加任何背景图像。当我选择第二个主题时，我添加了图像作为背景，当我尝试为主题应用圆角功能时，它会像这样https://forum.jquery.com/topic/rounded-向角添加一些背景颜色角落-插件-jquer-角落-js-ie-问题

我已经搜索了所有我没有找到任何解决方案的地方。我什至尝试将背景图片添加到#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）的图像。谁能帮我？

4

1 回答 1

1

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

例如，

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

将是您的 html，然后您的 CSS 将看起来像这样..

#navigation{
    border-radius:10px;
}

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

于 2014-01-23T14:22:35.753 回答