The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS [Solved] Border radius ugliness

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #173000

    I’m sure this is common and a dumb mistake on my part, but does anyone know why the rounded radius on the corner has a gross light line on the very edge?

    Image to show the gross

    As always, thank you to anyone who schools me!


    Anti-aliasing would be my guess.

    Codepen to demo issue please?


    I don’t know it, i may only guess:

    The “overflow:hidden” red cuts off parts from the border of the .dialog-header (anti-aliasing) and therefore some color from the .dialog “leaks outside”.

    You could try to avoid this by using a “hack” like this (to make sure the background of the .dialog-header is 1px larger)

    .dialog {
      background-clip: content-box; 
      padding: 1px;
Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.