Note that there are some explanatory texts on larger screens.

plurals
  1. POMozilla not detecting CSS -moz-border-radius
    text
    copied!<p>I am having trouble with Mozilla detecting -moz-border-radius. It's defaulting to the normal border-radius and if I remove that it just turns back square at the edges again.</p> <pre><code> -webkit-border-top-right-radius: 15px; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 15px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 15px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 15px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 15px; border-top-left-radius: 3px; border-bottom-left-radius: 15px; border-bottom-right-radius: 3px; </code></pre> <p>I have heard that mozilla has dropped the -moz- for border-radius, can anyone confirm this? I am using this code to make buttons for a site and I am having problems getting it to work cross browser. </p> <pre><code> /* BACKGROUND GRADIENTS */ background: #A2C838; background: -moz-linear-gradient(top, #A2C838, #92B432 50%, #82A02D 51%, #718C27); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #A2C838), color-stop(.5, #92B432), color-stop(.5, #82A02D), to(#718C27)); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#A2C838', EndColorStr='#718C27'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#A2C838', EndColorStr='#718C27')"; /* IE8 */ </code></pre> <p>The problem is I can't really use border-radius as it seems to now affect mozilla and IE, but since IE doesn't support gradients I've had to use filters, which revert my lovely curved corners back to squares. I could have them both as square but I like the look of the rounded corners and would prefer if I could save them. Thanks in advance.</p>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload