tags:

views:

50

answers:

0

Using this: http://malsup.com/jquery/corner/ I set up my nested divs so the container acts as a border like so:

$('#top').corner("bevel 68px").parent().css('padding', '1px').corner('bevel 70px');


<div id="ctop">
  <div id="top">
    //stuff
  </div>
</div>

Now this works with rounded corners, the borders run along the edge. However, when use bevel corners, the parent (ctop) remains square. After a bunch of testing (trying to set them manually) it looks like only sets one or the other, but never both :/

imgur.com/GUC49.png - Bevel

imgur.com/aN4lF.png - Rounded

(delinked since I'm considered "new" ... -_- )

I know this has to be possible somehow, it even shows it on it's page. I just can't seem to replicate it.