Question

正如标题所说，我的css在使用ie9时在本地工作正常，但是当部署到IIS7时，不应用border-radius和box-shadow，尽管ff4和Chrome工作正常。

.blabla
{
    -moz-border-radius:10px;
    border-radius: 10px;
    box-shadow: 3px 3px 10px #000000;
    height: 101px;
    margin: 5px;
    width: 225px;
    cursor:pointer;
    background:url('./Content/images/background.png') scroll 0 0px no-repeat;
}

我正在使用一个MVC3项目，该项目已经有<!DOCTYPE html>。在使用border-radius: 10px 10px 10px 10px;时，它最初无法在本地工作。我将其更改为仅提及10px一次，这就成了伎俩（并使盒阴影工作）但部署时它仍然无法正常工作。有什么想法吗？

编辑：我在IE的开发人员工具中检查过，border-radius在本地存在但在部署时没有出现，这就解释了为什么它不起作用......问题是为什么它没有显示？

EDIT2：我注意到其他内容...我的doctype在我的代码中正确编写：<!DOCTYPE html>在浏览器中显示为已禁用：仍然无法确定如何修复它。< / p>

EDIT3：我创建了一个普通的ASPX Web应用程序，同样的问题。在本地工作，但在IIS7上，doctype被评论...

Answer 1

我正在努力解决同样的问题。 但我刚刚找到了答案。这是IE的“兼容视图”。

显示命令栏＆gt;页面＆gt;兼容性视图设置。

对于我的特定问题，它是一个默认的复选框“在Compatiple View中显示Intranet站点”。

Answer 2

您的页面可能会在IE9中触发IE7模式。在本地计算机上，您手动将设置更改为在IE9中使用标准模式，但在部署后，您再次在IE7模式下看到该页面=＆gt;没有边界半径。去过那里，做到了。

另一个原因可能是您的服务器为该页面发送的内容类型，请参阅http://hsivonen.iki.fi/doctype/

Answer 3

嘿，不知道为什么会发生这种情况，通常不应该这样。您是否尝试过无缓存的简单内容？

无论如何，您应该使用所有供应商前缀：

.blabla {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 3px 3px 10px #000000;
    -webkit-box-shadow: 3px 3px 10px #000000;
    box-shadow: 3px 3px 10px #000000;
}

Answer 4

谢谢！元标记对我有用。我不得不把它放在页面的HeadContent部分，但是在主页面上没有修复它。由于我不想担心客户端的兼容模式设置，因此强制它对我来说效果更好。

ie9上的border-radius - 在本地工作，但在部署时不工作

4 个答案: