Print Page - Firefox with border-radius: background not rounded?

Title: Firefox with border-radius: background not rounded?
Post by: Xarkurai on March 19, 2012, 04:49:51 PM

Hello everyone.

I am working on a new design for my website and I bounced on a small problem in firefox.
I am using css3 to code it but apparently the border radius bugs out. By all means, the border is round but the background is still there and left unedited.
Did anyone had a similar problem and if you got it fixed, how did you do?
I appreciate any help.

Code Select


.windowbg
{
	color: #c6c6c6;
	background: rgba(100, 100, 100, 0.20) repeat;
	border: 1px solid #000000;
	margin-bottom: 3px;
	border-radius: 8px; 
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;

I also attached an image.

Thanks,

- Xarwin

Title: Re: Firefox with border-radius: background not rounded?
Post by: Ricky. on March 20, 2012, 04:13:06 AM

From attached image, I can see it is being rounded however, there is something else in background which is visible and is with square corners .

Title: Re: Firefox with border-radius: background not rounded?
Post by: Xarkurai on March 20, 2012, 01:24:26 PM

For some reason, when I take the background to black (background: "000000) it doesn't show any rounded corners at all in firefox.
I don't quite get this. With RBGA it has round corners but leaves a square background.
Any suggestions? There is no other under it.

Edit : I found that windowbg2 is causing the ugly bug. Damn.. Didn't want to touch the boardindex.

Simple Machines Community Forum

General Community => Scripting Help => Topic started by: Xarkurai on March 19, 2012, 04:49:51 PM