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

Question

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

Lan*_*usT 5 css internet-explorer iis-7 css3

正如标题所说,我的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;
}

Run Code Online (Sandbox Code Playgroud)

我正在使用一个MVC3项目,该项目<!DOCTYPE html>已经存在.它在使用时最初没有在本地工作border-radius: 10px 10px 10px 10px;我将其更改为仅提及10px一次并且这使得技巧(并且还使盒子阴影工作)但它仍然不是部署时工作.有任何想法吗？

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

EDIT2:我注意到了其他的东西......我的doctype在我的代码中正确编写: <!DOCTYPE html>在浏览器中显示为禁用:仍然无法弄清楚如何修复它.

编辑3:我创建了一个普通的ASPX Web应用程序,同样的问题.在本地工作但在IIS7上注释了doctype ...

Answer 1

nop*_*our 7

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

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

对于我的特定问题,它是一个默认的复选框"在Compatiple View中显示Intranet站点".

Answer 2

Res*_*uum 6

您的页面可能会在IE9中触发IE7模式.在本地计算机上,您手动将设置更改为在IE9中使用标准模式,但在部署之后,再次在IE7模式下看到页面=>无border-radius.去过也做过.

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

找到解决方案元标记需要指定EmulateIE9而不仅仅是9或IE9:`<meta http-equiv ="X-UA-Compatible"content ="IE = EmulateIE9">` (9认同)

归档时间：	14 年，10 月前
查看次数：	5297 次
最近记录：	11 年，8 月前