ie9 上的边界半径 - 在本地工作，但在部署时不工作答案

【问题标题】：Border-radius on ie9 - works locally but not when deployedie9 上的边界半径 - 在本地工作，但在部署时不工作
【发布时间】：2011-03-25 19:45:13
【问题描述】：

正如标题所说，我的 css 在使用 ie9 时在本地运行良好，但在部署到 IIS7 时，边框半径和框阴影未应用，尽管在 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 一次，这就是诀窍（并且还使box-shadow 工作），但部署时仍然无法正常工作。有什么想法吗？

编辑：我检查了IE的开发者工具，边框半径在本地，但部署时不显示，这就解释了为什么它不起作用......问题是为什么它不显示？

EDIT2：我注意到了其他东西...我的 doctype 在我的代码中正确编写时：<!DOCTYPE html> 在浏览器中显示为禁用： 仍然不知道如何修复它。

EDIT3：我创建了一个普通的 ASPX Web 应用程序，同样的问题。在本地工作，但在 IIS7 上，文档类型被注释...

【问题讨论】：

哇，真的，真的很奇怪，将文档类型转换为评论。也许是因为 Visual Studio 中的一些验证问题？我不确定它是否有帮助，但 there's an HTML5 validation/IntelliSense plugin 用于 VS。
奇怪的是，在 ie9 上本地运行时，doctype 没有被注释，只有在部署时才会注释...东西...哦

标签： internet-explorer iis-7 css

【解决方案1】：

我在同样的问题上苦苦挣扎。 但我刚刚找到了答案。这是 IE 的“兼容视图”。

显示命令栏 > 页面 > 兼容性视图设置。

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

【讨论】：

谢谢！在过去的一个小时里，这一直把我逼到绝境。
非常感谢！救命稻草哈哈。
花了一个多小时才找到这个...谢谢！

【解决方案2】：

您的页面可能在 IE9 中触发了 IE7 模式。在您的本地计算机上，您手动更改了设置以在 IE9 中使用标准模式，但部署后您再次看到 IE7 模式下的页面 => 无边框半径。去过那里，做到了。

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

【讨论】：

我注意到，当我在 ie9 中查看开发人员工具时，文档模式设置为 IE7 标准，浏览器模式设置为 IE9 兼容视图。如果我将它们中的任何一个更改为 IE9，它都可以正常工作。但我在网上找到的所有应该影响这一点的东西都没有。
找到解决方案！元标记需要指定 EmulateIE9 而不仅仅是 9 或 IE9：<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9">
谢谢 LanFeusT，这也是我让它工作的唯一方法。

【解决方案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;
}

【讨论】：

是的，我已经在使用它们了区别。
这很奇怪，我确定这是与代码无关的东西。 HTML 和 CSS 是客户端，因此无论服务器如何，它们都应该是相同的。在极少数情况下服务器配置会影响它们，但我看不出这如何适用于此。您是否有任何配置文件（如 Apache 的 .htaccess）覆盖某些标头等？
你能发个链接看看各种浏览器吗？
很遗憾不是，它是一个内部网站。我已经尝试过所有主要的浏览器，但它都可以正常工作，但 IE9 （嗯......我实际上有一个列表错误，Safari 显示它们内联，但角落和阴影在那里）。我注意到在 IE8 上运行的同一个网站，而 css3 无论如何也不应该工作，它也排除了 Doctype。

【解决方案4】：

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

【讨论】：