Html 插图框阴影IE8

我有一个显示插入框阴影的

我想实现这种类型的影响，即有一个jquery框阴影我可以应用，一个解决IE的麻烦

我已经看过htcPIE，但它与我当前的应用程序的表现不太好。还有其他提示吗

在现代浏览器中工作的代码是：

 -moz-box-shadow: inset 3px 3px 4px #000;
 -webkit-box-shadow: inset 3px 3px 4px #000;
  box-shadow: inset 3px 3px 4px #000;

我在IE中看到的是：

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

但是我错过了IE版本的插图

---

有人在这方面运气好吗

唯一有用的提示如下：

如果这不是绝对必要的，请忽略IE8的此效果。这方面没有等效的MS过滤器，如果css3PIE不适合您，如果您不想使用图像，您将非常困惑

然而，最后一个解决方案是让用户安装我认为不能接受的“噱头”。

---

在开发网站时，如果你不想失去IE社区，千万不要依赖那些功能，比如内框阴影。将其用于装饰，但不要做任何会严重影响可用性的事情（如果不存在）。

唯一有用的提示是：

如果这不是绝对必要的，请忽略IE8的此效果。这方面没有等效的MS过滤器，如果css3PIE不适合您，如果您不想使用图像，您将非常困惑

然而，最后一个解决方案是让用户安装我认为不能接受的“噱头”。

---

在开发网站时，如果你不想失去IE社区，千万不要依赖那些功能，比如内框阴影。将其用于装饰，但如果没有，不要做任何会严重影响可用性的事情。

有一种解决方案适用于没有css3PIE的IE。在IE 7/8中，应用阴影的元素需要设置背景色。否则，阴影将由子元素（包括文本）继承

下面是我如何在所有浏览器中实现框阴影…当然，您需要根据自己的颜色、强度、方向等进行自定义

.shadow {
     -moz-box-shadow: 2px 2px 3px #A7A7A7;
     -webkit-box-shadow: 2px 2px 3px #A7A7A7;
     box-shadow: 2px 2px 3px #A7A7A7;
     -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#A7A7A7')";
     filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#A7A7A7');
}

.wrapper{
    margin: 10px;
    border: solid 1px #A7A7A7;
    background-color: white;//or whatever color you need; however transparent doesn't work
   }

然后应用这两个类

<div class="wrapper shadow">
     <div>
          <p>Some text that used to have a shadow, but doesn't anymore</p>
     </div>
</div>

有些文字以前有阴影，但现在没有了

有一种解决方案可以在没有css3PIE的情况下适用于IE。在IE 7/8中，应用阴影的元素需要设置背景色。否则，阴影将由子元素（包括文本）继承

下面是我如何在所有浏览器中实现框阴影…当然，您需要根据自己的颜色、强度、方向等进行自定义

.shadow {
     -moz-box-shadow: 2px 2px 3px #A7A7A7;
     -webkit-box-shadow: 2px 2px 3px #A7A7A7;
     box-shadow: 2px 2px 3px #A7A7A7;
     -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#A7A7A7')";
     filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#A7A7A7');
}

.wrapper{
    margin: 10px;
    border: solid 1px #A7A7A7;
    background-color: white;//or whatever color you need; however transparent doesn't work
   }

然后应用这两个类

<div class="wrapper shadow">
     <div>
          <p>Some text that used to have a shadow, but doesn't anymore</p>
     </div>
</div>

有些文字以前有阴影，但现在没有了

Duplicate of we's just love Internet Explorer？Duplicate of we's just love Internet Explorer？在这种情况下，让用户自己下载Chrome或Firefox=P，但总的来说，我同意这一点，只需在IE8中省略它。哦，我知道用户不可能下载其他浏览器，但在理想的世界中=P（我只是在开玩笑），但我同意——使用CSS3是为了装饰，而不是功能——特别是当IE是你流量的主要来源时。@Andy在理想的webdeveloper世界中，只有一个浏览器100%支持所有网站标准，没有任何bug=DIn这种情况下，让用户自己下载Chrome或Firefox=P，但总的来说，我同意这一点，只是在IE8中省略它。哦，我知道用户不可能下载另一个浏览器，但在理想的世界中=P（我只是在开玩笑）但我同意-使用CSS3是为了装饰，而不是功能-特别是如果IE是你流量的主要来源。@Andy在理想的webdeveloper世界中，只有一个浏览器100%支持所有网站标准，没有任何bug=不，Anders你是对的！让我来帮你回答Internet Explorer 5.5到8的CSS问题。哦，不，安德斯，你是对的！让我为您提供Internet Explorer 5.5到8的CSS唯一答案。