How Can I Implement Colored Box Shadows in IE7 and IE8?

Implementing Box Shadows in IE7 and IE8

Question:

Despite utilizing various methods, the implementation of colored box shadows in IE7 and IE8 remains elusive. The following CSS code is employed:

.bright {
  position: absolute;
  z-index: 1;
  -moz-box-shadow: 0px -3px 55px 20px #147197;
  box-shadow: 0px -3px 55px 20px #147197;
  -webkit-box-shadow: 0px -3px 55px 20px #147197;
  behavior: url(ie-css3.htc);
}

While the "ie-css3.htc" file offers a solution to IE shadow issues, it restricts shadows to black and white. Attempts to use:

filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=100, Strength=13);

result in directional shadows, not omni-directional ones. Additionally, employing the blur filter requires extra divs, which is undesirable in the current scenario. Seek expert guidance on this issue.

Answer:

Consider using CSS3 PIE (Pie: Internet Explorer CSS3), a tool that emulates CSS3 properties in earlier versions of IE. CSS3 PIE supports box-shadow, excluding the "inset" keyword.

The above is the detailed content of How Can I Implement Colored Box Shadows in IE7 and IE8?. For more information, please follow other related articles on the PHP Chinese website!