转载：
暂时找到两种方法，收藏一下。
方法一：
ie-css3.htc是一个可以让IE浏览器支持部份CSS3属性的htc文件，不只是box-shadow，它还可以让你的IE浏览器支持圆角属性border-radius和文字阴影属性text-shadow。
它的使用方法是：下载它并放到你的服务器目录
在你的<head></head>里面写入下面的代码:
<!--[if IE]>
<style type="text/css"> img, #testdiv, .testbox{behavior: url(http://yourdomain.com/js/ie-css3.htc);} </style>
<![endif]-->
蓝色部份输入要使用box-shadow属性的选择器，绿色部份输入ie-css3.htc的绝对路径，或相对路径，反正要保证能访问得到。
然后这样就OK了。但还是有几点需要注意的是：
当你使用了这个htc文件后，你的CSS里面，只要写有box-shadow, -moz-box-shadow或-webkit-box-shadow的任何一种，IE就会渲染。
当使用了这个htc文件后，你不能这样写box-shadow: 0 0 10px red; 而应该是box-shadow: 0px 0px 10px red; 否则IE中会失效。
不支持RGBA值中的alpha透明度。
不支持inset内阴影。
不支持阴影扩展。
阴影在IE中只会显示为黑色，不管你设置成其它什么颜色。
但是，这个脚本了仅仅是让IE支持了部份的box-shadow值。
方法二：
在<head></head>标签里加入如下代码：
<style type="text/css">
img{background: #fff;
-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=0,strength=6) progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=90,strength=10) progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=180,strength=10) progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=270,strength=6)";
*filter:
progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=0,strength=6)
progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=90,strength=10)
progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=180,strength=10)
progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=270,strength=6);
}
</style>
其中：color是投影的颜色，direction是顺时针的角度值，strength是投影的大小值。
分享到：
相关推荐
本文将深入探讨CSS阴影效果的使用方法、属性以及如何通过实践提升网页设计的美观度。 首先，CSS提供了两种类型的阴影效果：`box-shadow` 和 `text-shadow`。`box-shadow` 用于在元素的边框外侧添加阴影，而`text-...
CSS阴影效果是为元素添加深度感和立体感的重要手法，使得网页设计更加生动和专业。本文将详细探讨最新、简单且常见的CSS阴影效果代码，以及如何在实践中应用它们。 首先，CSS提供了两种主要类型的阴影：`box-shadow...
div阴影 css阴影 代码 直接加class="Shaowdiv"就ok
提供了一种漂亮美观的按钮、输入框CSS片段，具有扁平化的动画效果。
在实际应用中，还要注意兼容性问题，确保所使用的CSS阴影代码在各种现代浏览器中都能正常工作。如果需要支持较旧的浏览器，可能需要引入一些CSS预处理器（如Sass或Less），或者使用渐进增强的策略，为不支持阴影的...
本话题将深入探讨如何利用CSS技术来创建文字阴影效果，使得网页中的文本更具视觉吸引力和深度感。 首先，让我们了解CSS中的text-shadow属性。这是一个用于添加文字阴影的样式规则，可以包含四个参数：水平偏移、...
在网页设计中常常要使用到阴影效果，通过阴影效果可以很好的突出一个元素，在 CSS3 出现之前，我们想要为文本或者元素添加阴影效果需要借助图像才能实现，很不方便。而 CSS3 出现之后，我们通过 text-shadow 和 box-...
纯CSS3实现的各种阴影效果，无需图片和js代码即可实现图片、按钮等元素的阴影效果，完全通过样式控制阴影大小、方向和深度，经测试效果相当不错非常酷。
首先，了解基本的CSS阴影属性至关重要。主要有两个属性用于创建阴影效果：`box-shadow` 和 `text-shadow`。在这个案例中，我们将重点讨论`box-shadow`，因为我们需要为表格添加的是元素阴影，而非文字阴影。 `box-...
【标题】：“CSS3实现带阴影边框效果弹出窗口”是现代网页设计中一种常见的交互体验技术。这种效果使得用户在点击某个元素时，一个带有阴影边框的弹出窗口会在网页中央出现，通常用于展示图片、内容详情或者表单填写...
随着技术的发展，CSS引入了许多高级特性，如圆角和阴影，但这些特性在早期的浏览器中可能不被支持，这就需要特殊的解决方案来实现跨浏览器兼容性。"css兼容包-CSS圆角、阴影"正是为了解决这个问题而存在的。 标题中...
接下来是CSS阴影。box-shadow属性允许我们为元素添加内阴影、外阴影，甚至混合阴影。基本语法如下： ```css element { box-shadow: h-offset v-offset blur-radius spread-radius color inset; } ``` 例如，以下...
**CSS3阴影效果详解** CSS3是Web设计领域的一个重要里程碑，它引入了许多新的特性，其中就包括了我们今天要讨论的`box-shadow`属性。`box-shadow`让我们能够为HTML元素添加各种复杂的阴影效果，使得网页设计更具...
简要介绍了文本阴影和盒子阴影的属性，里面有着更改文本阴影属性值和盒子阴影属性值的图例，方便对比更改后的属性值。
body, td, div, a, input { font: menu; //这里可以加www.0757wz.com/bg.jpg背景 line-height: 180%; }
总的来说，CSS阴影效果是一个强大且灵活的工具，能够提升网页设计的视觉体验。了解并熟练运用这些方法，可以让你的设计更加专业且富有层次感。在实际应用中，记得根据目标用户的浏览器类型来适配相应的CSS代码，确保...
在CSS3库中，实现Material Design风格的阴影特效通常会涉及以下技术点： 1. **Box Shadow**: CSS3的`box-shadow`属性是创建阴影的关键。它可以设置元素的阴影效果，包括水平偏移、垂直偏移、模糊半径、阴影扩展半径...
7. **CSS阴影**：`box-shadow`和`text-shadow`可以增加元素的深度感，制造出立体和光影效果。 8. **自定义字体**：使用`@font-face`规则导入网络字体，提升文字的设计感。 9. **CSS图标**：使用`content`伪元素和`...
立体感通常通过阴影效果来模拟，这可以通过CSS的`box-shadow`属性来实现。`box-shadow`可以设置元素的外阴影和内阴影，包括水平偏移、垂直偏移、模糊半径、阴影扩展半径和颜色。例如，一个简单的立体按钮可以这样...
在实际应用中，CSS阴影不仅限于窗口，还可以应用于按钮、卡片、图片框等各种元素。结合其他CSS属性，如过渡（`transition`）和动画（`animation`），可以创建动态的阴影效果，如当鼠标悬停时改变阴影属性，以增强...