CODEWITHSUNDEEP
htmlcssinternet-explorercross-browser
Sirojan Gnanaretnam
Sirojan Gnanaretnam

Reputation: 611

Box Shadow is not showing in IE7 and IE8

My Box Shadow is not showing in IE7 and IE8. 

#bodyContainer{
 background: url(../images/site_bg.png)  repeat ;
 margin: 0px auto;
    width:1000px;
    float:left;
    position:relative;
    border: 1px solid #EEEEEE;
    /*background:#FFFFFF;*/
     box-shadow: 0 0 5px 0 #000000;

}

Upvotes: 1

Views: 2487

Answers (5)

Mr_Green
Mr_Green

Reputation: 41832

Accoding to Box-shadow's MDN compatibility table, Box-shadow doesn't support in IE7 and IE8.

Check the same link (Notes section) for more info on alternative properties like Dropshadow and shadow properties.

Syntax:

filter:progid:DXImageTransform.Microsoft.DropShadow(sProperties)

filter:progid:DXImageTransform.Microsoft.Shadow(sProperties)

Upvotes: 0

عثمان غني
عثمان غني

Reputation: 2708

Box-Shadow is not compatible below IE9

Always check compatibility of CSS Properties using following link http://caniuse.com/css-boxshadow

Upvotes: 0

Sahil Popli
Sahil Popli

Reputation: 1995

Use CSS3 PIE, which emulates some CSS3 properties in older versions of IE.

It supports box-shadow (except for the inset keyword).

and

There are article about CSS3 Box Shadow in Internet Explorer and Box-shadow.

Hope this helps

also you can use 

style="FILTER: DropShadow(Color=#0066cc, OffX=5, OffY=-3, Positive=1);width:300px;font-size:20pt;"

style="filter: progid:DXImageTransform.Microsoft.dropShadow (OffX='-2', OffY='-2', Color='#c0c0c0', Positive='true')"

Upvotes: 3

Ravinder Gujiri
Ravinder Gujiri

Reputation: 1514

box-shadow is a feature of CSS3 hence it is not supported below ie9

you can check the compatibity here:

http://caniuse.com/#search=box-shadow

Upvotes: 0

Jayy
Jayy

Reputation: 14728

You have to use the non-standard IE filter property. See this article

Upvotes: 1

Related Questions