pageadmin v3中使用 CSS3 的问题，需请教~~ -

bysxingyun - 2013/8/1 15:32:28

我在做前台是发现 CSS 3 很多都不呈现在前台，如 border-radius：n px；请问 xiyou 哥，这个如何去修复？

IE10模式下： 4908

chorme下：

如：代码

.banner{clear:both;margin:10px auto;padding:2px 0px;text-align:center;
width:980px;
background: white;
border: 1px solid;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border-color: #E5E5E5 #DBDBDB #D2D2D2;
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
-moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
display:inline-block;
overflow:hidden;
}
.banner:nth-child(1n) {
border: none;
}

,我发现是 <meta http-equiv="x-ua-compatible" content="ie=7" /> 这个的问题！

xiyou 哥能否建议把这个改一下?

<meta http-equiv="x-ua-compatible" content="ie=7,ie=9" />如果自己改的话如何更改？

xiyou - 2013/8/1 16:00:24

这个是浏览器不支持，和系统没有什么关系，不是每个浏览器都能支持css3的所有属性的。尤其ie，大部分css3都不支持

bysxingyun - 2013/8/1 16:11:53

有关系了，，，在源代码里把这个<meta http-equiv="x-ua-compatible" content="ie=7" /> 强制改为<meta http-equiv="x-ua-compatible" content="ie=7,ie=9" /> 就可以，但是不知道从哪里改！

默认的输出是IE7模式，所以一直CSS3 不能呈现出来。在IE 9以上版本都支持 border-radius 等等 CSS3 源代码

xiyou - 2013/8/1 16:17:46

直接修改usercontrol/web_top.ascx

bysxingyun - 2013/8/2 13:36:52

由此发现，我建议大伙儿把 ../usercontrol/web_top.ascx 里边的 <meta http-equiv="x-ua-compatible" content="ie=7" />删掉

产品使用及交流论坛