Hello Guys.

Is there anyone here who can help me how to add shadow in div (browser is IE8). Thanks.
This Code doesn't work.

</style type='text/css'>
.main_div
{
  width:100;
  height:100;

  -webkit-box-shadow: #111 0 -2px 6px;  
  -moz-box-shadow: #111 0 -2px 6px;  
  box-shadow: #111 0 -2px 6px;

}
</style>
<div class='main_div'>
<p>Div with shadow
</div>

Recommended Answers

MSIE doesn't support text shadow and uses a filter to create box shadows. (

-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333')";
Jump to Post

All 2 Replies

Internet explorer doesn't support it.



<style type="text/css">
h1 {text-shadow:2px 2px #FF0000;}
</style>
</head>
<body>

<h1>Shadow effect</h1>

</body>
</html>

MSIE doesn't support text shadow and uses a filter to create box shadows. (

-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333')";
Be a part of the DaniWeb community

We're a friendly, industry-focused community of 1.19 million developers, IT pros, digital marketers, and technology enthusiasts learning and sharing knowledge.