1

我想生成阴影。但是很难产生跨平台阴影。是否有任何在线工具可以生成跨平台(包括 IE6)框阴影?

那就是我想自动生成以下代码

/* For IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
        /* For IE 5.5 - 7 */
        filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
4

4 回答 4

1

这不是最简单的任务。你可以试试这个不错的跨浏览器 css3 生成器,IE 试试这个不错的 Framework

CSS Pie 利用 Internet-Explorers 功能通过 .htc 文件及其专有的 VML 格式来模拟 css3 动态增强 CSS。它很容易设置并且工作得很好。

一些 css3 的东西也可以通过 MS-filters 来实现。

于 2012-03-20T15:43:05.133 回答
0

我找不到生成器,但我知道您可以使用 MS 过滤器部分模拟它。我确实找到了一篇关于这方面的文章。

于 2012-03-20T15:53:03.420 回答
0

我知道这样做更痛苦,但你总是可以使用图像。这可能是在 IE 6 中获取它们的最佳方式。根据http://www.w3schools.com/browsers/browsers_explorer.asp,只有 1% 的 Internet 用户使用 IE6 作为 Web 浏览器。您可以为 IE6 制作单独的样式表,这样它就不会弄乱您的主表。

于 2012-03-20T16:09:02.923 回答
0

如果您想为较旧的 IE 生成 css 阴影,我会推荐 Microsoft 自己的工具来生成阴影,这里是链接。http://samples.msdn.microsoft.com/workshop/samples/author/filter/Shadow.htm

我不知道为所有浏览器生成的特定在线工具,但你自己很容易做到这里是跨浏览器 css drop-shadow 的示例

#box {
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.33);  /* Chrome 1-25, Safari 3.2+ */
       -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.33);  /* Firefox 4-15 */
         -o-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.33);  /* Opera 10.50–12.00 */
            box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.33);  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */

    /* IE6 & 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=135,strength=6);
    /* IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=135,strength=3)";
}

我希望这有帮助

于 2013-11-16T17:28:06.363 回答