rounded-corners

I'm trying to add an image to this RoundedPane with rounded corners and shadow. But I fail to get it. I made ​​the panel extends from this class public class JPanelConFondo extends JPanel { private Image imagen; public JPanelConFondo() { } public JPanelConFondo(String nombreImagen) { if (nombreImagen != null) { imagen = new ImageIcon(getClass().getResource(nombreImagen)).getImage(); } } public JPanelConFondo(Image imagenInicial) { if (imagenInicial != null) { imagen = imagenInicial; } } public void setImagen(String nombreImagen) { if (nombreImagen != null) { imagen = new ImageIcon(getClass()

Any idea on how I can get round corners work with multiple borders? The box will be dynamic, depending what will be inputed into the box, so I can't add static width or height. body { background: #d2d1d0; } #box { border-radius: 15px; background: #f4f4f4; border: 1px solid #bbbbbb; width: 100%; height: 100%; margin: 10px auto; position: relative; } DIV#box, #box:before, #box:after { -moz-border-radius: 15px; border-radius: 15px; } #box:before { border-radius: 15px; border: 1px solid white; width: 99%; height: 94%; content: ''; position: absolute; } #box:after { border-radius: 15px; content: ''

I need to have a container "DIV" with rounded corners. The following code works perfectly on all browsers except my IE10. I have no clue how to do in order to make it work. #about-kader { width: 200px; height: 180px; float: left; margin: 0px auto; background-color: #9bafc4; padding: 3px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -ms-border-radius: 5px; behavior: url(border-radius.htc); } And here's the HTML part, please: <div id="about-kader"> ... ... ... </div> There is no way to make any round corner visible on IE10. The version I

I have an SVG file that I am applying CSS to. Most rules seem to work, but when I apply rules about the rounding of corners (rx:5; ry:5) it has no effect. 'Inline' style rules work, but I'm having no luck with embedded and external style sheets: <svg ...> <defs> <style type="text/css" > <![CDATA[ rect{ rx:5; ry:5; } ]]> </style> </defs> <rect height="170" width="70" id="rect7" x="0" y="0" /> </svg> Any idea where I am going wrong? rx and ry are regular attributes rather than presentation attributes. Only presentation attributes can be styled by CSS. The various regular/presentation attributes

I am trying to make a NSScrollView with clipped corners, similar to the Twitter app: I have a NSScrollView subclass which I added the following code: - (void)drawRect:(NSRect)dirtyRect { NSBezierPath *pcath = [NSBezierPath bezierPathWithRoundedRect:[self bounds] xRadius:kDefaultCornerRadius yRadius:kDefaultCornerRadius]; [path setClip]; [super drawRect:dirtyRect]; } I expected the content of the NSScrollView to have rounded corners, but it is not respecting the clipped path. How can I do this? UPDATE & CLARIFICATION I know how to make a custom NSScroller , I know how to make it transparent