Windows 10 bereikte EO (einde ondersteuning) op 14 oktober 2025. Als je Windows 10 gebruikt, lees dan dit artikel.

Windows 10 reached EOS (end of support) on October 14, 2025. If you are on Windows 10, see this article.

Avatar for Username

Zoeken in Support

Vermijd ondersteuningsscams. We zullen u nooit vragen een telefoonnummer te bellen, er een sms naar te sturen of persoonlijke gegevens te delen. Meld verdachte activiteit met de optie ‘Misbruik melden’.

Meer info

Deze conversatie is gearchiveerd. Stel een nieuwe vraag als u hulp nodig hebt.

FF not correct render border-radius with overflow:hidden, child bloke overflow border

  • 4 antwoorden
  • 24 hebben dit probleem
  • 324 weergaven
  • Laatste antwoord van hexes
  • Gearchiveerd

hexes
hexes 
<div style="width: 50px; height: 50px; margin: 0px auto; overflow: hidden; border-radius: 25px; border: 1px solid red; -moz-border-radius: 25px; -webkit-border-radius: 25px;">
    <div style="width: 60px; height: 60px; border: 1px solid blue; margin: 0px auto;">
    </div>
</div>

Child div overflow border.

<pre><code>&lt;div style="width: 50px; height: 50px; margin: 0px auto; overflow: hidden; border-radius: 25px; border: 1px solid red; -moz-border-radius: 25px; -webkit-border-radius: 25px;"&gt; &lt;div style="width: 60px; height: 60px; border: 1px solid blue; margin: 0px auto;"&gt; &lt;/div&gt; &lt;/div&gt;</code></pre> Child div overflow border.

Bewerkt door cor-el op

Alle antwoorden (4)

jscher2000 - Support Volunteer
jscher2000 - Support Volunteer

I'm not sure I understand your question. Is this specific to the Linux version?

If it's your site, you can find web development help on the mozillaZine Web Development board. Separate forum, separate registration.

hexes
hexes Vraageigenaar

Child div shouldn't overflow border of parent div. Only Google Chrom browser correct render this code. I think that's bug of FF.

jscher2000 - Support Volunteer
jscher2000 - Support Volunteer

Hmmm, I think I see what you're saying. Firefox does not render rounded corners as a "portal" (or porthole?): it simply draws the border over the interior box (padding and box contents) leaving the area between the curved line and the border's "true" location visible.

I am not familiar with the CSS3 spec, so I don't know how this is supposed to be handled. If you click over to the mozillaZine forums and visit the Bugs board, you can get more feedback on this issue. You also can search Bugzilla to see whether this has been reported.

hexes
hexes Vraageigenaar

https://bugzilla.mozilla.org/show_bug.cgi?id=459144 I think that it's my bug.