CODEWITHSUNDEEP
cssinternet-explorer-8
Strawberry
Strawberry

Reputation: 67888

How can I add border radius and drop shadow for IE8?

Is there anyway to do this for IE8? 

    -moz-box-shadow: 0px 0px 14px #585858; /* FF3.5+ */
    -webkit-box-shadow: 0px 0px 14px #585858; /* Saf3.0+, Chrome */
    box-shadow: 0px 0px 14px #585858; /* Opera 10.5, IE 9 */

    -moz-border-radius: 6px;
    border-radius: 6px;

Upvotes: 4

Views: 12810

Answers (3)

itsandy
itsandy

Reputation: 3328

For shadow on IE8 you can use 

.box-shadow {
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=135,Color='#000000')";
}

where Strength is the density of the shadow and Direction is the angle of the shadow's offset in 45 degrees increments. See Direction Property on MSDN.

Hope this helps.

Upvotes: 3

Valentin Flachsel
Valentin Flachsel

Reputation: 10825

You can do this with CSS3PIE. It adds rounded corners, drop-shadow and gradient background support for IE.

Hope this helps !

Upvotes: 12

Coin_op
Coin_op

Reputation: 10718

IE8 is not compatible with either drop shadows or rounded corners.

Drop shadows and rounded corners are usually best done with png images, then hacked for IE6.

Alternatively you could use something like spiffy corners (http://www.spiffycorners.com/) for rounded corners.

Upvotes: 1

Related Questions