Forums

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

Home Forums CSS CSS3 Roudned Corners w/Border issue

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #32510
    rlewis2011
    Member

    Hi all,

    This is my first question ever on this forum.

    I am looking for advice on an issue I am seeing when using css3 rounded corners and with a border applied.

    So, for example, if you have a div with class applied such as:

    .nav {
    height:75px;
    width:500px;
    background-color: #3f6ea8;
    border-radius: 15px 15px 15px 15px;
    -moz-border-radius: 15px 15px 15px 15px;
    -webkit-border-radius: 15px 15px 15px 15px;
    border:5px solid #dedede;
    }

    this causes a weird issue on the outside of the rounded corners where you can see the background color just slightly peaking over the solid border color…almost like when you used to use transparent gifs when doing rounded corners before css3.

    Anyone know of a fix for this?

    Regards,
    Robert

    #49013
    rlewis2011
    Member

    Oh, sorry. I am seeing this issue on a Mac in Safari 5.0.4

    #48952
    rlewis2011
    Member

    Problem solved…
    -webkit-background-clip: padding-box;

    Thanks to Dan Rubin!

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.