How to add image as background for rounded corners in jQuery?

Question

I included the round round jQuery plugin for rounded corner functions for my theme, for the first theme it works fine because I did not add any background image to the theme. When I go to the second topic, I added an image as a background, when I try to apply round corner functionality to a theme, it adds some background color to corners like this https://forum.jquery.com/topic/rounded-corners- plugin-jquer-corners-js-ie-problem

I searched everyone where I did not find a solution to this. I even tried adding a background image to #navigation li and #navigation a. but it does not work in IE8, for IE8 I used jQuery round corner plugin because css3pie does not work.

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 ');
});

(cc) http://malsup.imtqy.com/jquery.corner.js. - ?

Answer 1

border-radius.

,

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

html, CSS .

#navigation{
    border-radius:10px;
}

JavaScript , jQuery. , border-radius, http://css3pie.com