I want to dzine the corners of fancy box

[Jeyasithar R]

Anybody can help me in designing fancybox corners as rounded corners

[Mike McKimson]

I use CSSPie to create rounded corners. In you FancyBox CSS you would
need to modify this:

#fancybox-outer {
position: relative;
width: 100%;
height: 100%;
background: #fff;
}

to

#fancybox-outer {
position: relative;
width: 100%;
height: 100%;
background: #fff;
background-image:url("../../fancybox/fancybox/
fancy_border_radius.png");
}

and this to look as follows:

#fancybox-content {
width: 0;
height: 0;
padding: 0;
outline: none;
position: relative;
overflow: hidden;
z-index: 1102;
border: 0px solid #fff;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
behavior:url("../../fancybox/fancybox/pie/pie.php");