Forums

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

Home Forums CSS -webkit-border-radius & background-color

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #23810
    B. Ackles
    Participant

    I’m trying to set a background-color to a footer while maintaining rounded corners in Safari(-webkit-border-radius).

    Here’s the HTML:

    Code:

    Here’s the CSS:

    Code:
    #footer {
    width: 720px;
    height: 40px;
    background-color: #f9faef;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    text-align: center;
    color: #300;
    border-top: 1px solid #eee;
    }

    #footer li{
    padding: 20px;
    display: inline;
    }
    #footer ul {
    padding-top: 10px;
    }

    <!–This is not an issue with FireFox (-moz-border-radius)–>

    #52314
    iopet
    Member

    You’ve got to set them separately in Webkit, I believe:

    Code:
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.