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标题从默认值（Edge）更改，文档将以传统模式呈现...

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

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

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

1 个答案: