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

前端之家收集整理的这篇文章主要介绍了css – ie9上的Border-radius – 在本地工作,但在部署时不工作前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

正如标题所说,我的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>在浏览器中显示为已禁用:<! - DOCTYPE html - >还是无法弄清楚如何修复它.

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

最佳答案
您的页面可能会在IE9中触发IE7模式.在本地计算机上,您手动将设置更改为在IE9中使用标准模式,但在部署后,您再次在IE7模式下看到该页面=>没有边界半径.去过也做过.

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

原文链接:https://www.f2er.com/css/427710.html

猜你在找的CSS相关文章