[jQuery] [jQuery Corner] Problem using nested corners/borders
I am attempting to create a box with malsup's jQuery nested corners, but can't get it to display properly. Here's my CSS: testing { margin: 0; background: #ffc; padding: 10px; border:0; zoom: 1;} div.outer { float: left; margin: 15px; background: #c82; padding: 8px; width: 22em } My JS: $(function(){ $('.testing').corner(round 8px).parent().css('padding', '4px').corner(round 10px); }); I'm using this as my test HTML: div class=outerdiv class=testingh1Round/h1pTesting/p/ div/div You can see my testing page at: http://www.dhome.net/test.php The result of this is the the above code is that the background color the box becomes color of the outer div, #c82. The internal border is not displayed. What is my error?
[jQuery] jQuery Corner problem
I'm trying to use the corner plugin (http://www.malsup.com/jquery/corner) to create rounded corners on a div. First I display a div that covers the whole page and has a black, transparent background. Then I show another div, white background, centered on the screen. So it's a kind of popup. The problem is that when I just use $(...).corner(), nothing happens. But if I color the corners with $(...).corner(cc:#000), I can see the corner, but it's black. Is there something wrong with the following code? $(#overlay_bg).width($(document).width()); $(#overlay_bg).height($(document).height()); $(#overlay_fg).width(400); $(#overlay_fg).center(); $(#overlay_fg).corner(); $(#overlay_bg).show(); $(#overlay_fg).slideDown(slow); Thanks for checking!