Funkcjonalność tej witryny będzie ograniczona w czasie konserwacji. Jeśli artykuł nie rozwiązuje twojego problemu i chcesz zadać pytanie, to nasza społeczność wsparcia jest dostępna na @FirefoxSupport na Twitterze i /r/firefox na Reddicie.

Przeszukaj pomoc

Unikaj oszustw związanych z pomocą.Nigdy nie będziemy prosić Cię o dzwonienie na numer telefonu, wysyłanie SMS-ów ani o udostępnianie danych osobowych. Zgłoś podejrzaną aktywność, korzystając z opcji „Zgłoś nadużycie”.

Więcej informacji

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

  • 4 odpowiedzi
  • 24 osoby mają ten problem
  • 14 wyświetleń
  • Ostatnia odpowiedź od hexes

more options
<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.

Zmodyfikowany przez cor-el w dniu

Wszystkie odpowiedzi (4)

more options

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.

more options

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

more options

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.

more options