Advertisement:

Author Topic: Firefox with border-radius: background not rounded?  (Read 1187 times)

Offline XaR

  • Jr. Member
  • **
  • Posts: 159
Firefox with border-radius: background not rounded?
« 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

Useful paid mod: Badge Awards - Award members for actions

Offline Ricky.

  • Customizer
  • SMF Hero
  • *
  • Posts: 4,026
    • Indian Linux Forums
Re: Firefox with border-radius: background not rounded?
« Reply #1 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 .

Offline XaR

  • Jr. Member
  • **
  • Posts: 159
Re: Firefox with border-radius: background not rounded?
« Reply #2 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.
« Last Edit: March 20, 2012, 02:14:03 PM by Xarwin »
Useful paid mod: Badge Awards - Award members for actions