CODEWITHSUNDEEP
cssinternet-explorer-8
birdus
birdus

Reputation: 7504

Why doesn't this CSS work in IE8?

This works fine in Chrome, but not in IE8. It should just give a light-colored blue background with rounded corners and a drop shadow to the div:

.ppanel
{
    background-color: rgba(0, 0, 255, .2);
    color: black;
    padding: 10px 10px 10px 40px;
    margin: 10px 20px 20px 20px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 5px 5px 5px black;
    -webkit-box-shadow: 5px 5px 5px black;
    box-shadow: 5px 5px 5px black;
}

Upvotes: 0

Views: 1127

Answers (2)

Thor
Thor

Reputation: 6656

Internet Explorer did not support border-radius until IE9. You will find detailed information here: http://davidwalsh.name/css-rounded-corners.

Upvotes: 1

user1429038
user1429038

Reputation: 66

Internet explorer 8 does not support rounded corners by default. You can get the result you want however by using a tool like CSS3 PIE.

Upvotes: 3

Related Questions