css - Box-shadow 在我的网络服务器上的 IE 中不起作用

Question

我创建了一个这样的 html 文件:

<style>
    td#emboss a{
        background:#F9F8F3;border:1px solid #D4D2D2;display:block;width:220px;
        text-decoration:none;line-height:30px;font-size:12px;color:black;padding-right:3px;text-align:center;
        border-radius: 10px;
        box-shadow: 0 0 10px rgba(150,150,150,.2),inset 2px 4px 10px rgba(150,150,150,.6);
    }
    td#emboss a:hover{
        color:#18314B;width:220px;display:block;
        font-weight: bold;
        box-shadow: 0 0 10px rgba(10,10,10,.1),inset 2px 4px 10px rgba(10,10,10,.1);

    }
</style>
<table>

    <tr><td id="emboss"><a href='#'>My Link</a>
    </td></tr>
</table>

当我在我的系统中显示它是正确的，但是当我将它上传到我的 IE 网络服务器时，'box-shadow' 不起作用，我该如何解决这个问题？

Answer 1

问题可能与文档模式有关。文档模式也可以通过 X-UA 兼容的 HTTP header 从默认值 (Edge) 更改，文档将以旧模式呈现...

这里有更多信息的链接 http://msdn.microsoft.com/en-us/library/ie/dn255001(v=vs.85).aspx

一个链接可以帮助您配置网络服务器: http://msdn.microsoft.com/en-us/library/ie/jj676913(v=vs.85).aspx