Question

CSS一段代码在IE9中正常显示，在360浏览器中显示不出效果，急求解决！

main {
WIDTH: 1000px;MARGIN: 0px auto; MARGIN-BOTTOM: 15px; background-color:#FFFFFF;border:#cccccc 1px solid;box-shadow:1px 3px 0px 1px #cccccc;border-radius: 0px 0px 16px 16px;
}
上段代码在IE中能够正常显示div边框、阴影和倒角等全部效果。但在360浏览器中仅显示了WIDTH: 1000px;MARGIN: 0px auto; MARGIN-BOTTOM: 15px; background-color:#FFFFFF;的效果，到底问题出在哪里？本人初学网站，请高手不吝指教！

Answer 1

首先margin:0 auto;代表是上下,左右的外边距,所以你可以简写成margin:0 auto 15px;(代表上,左右,下外边距)其次border简写属性是聚合属性,分别代表border-width border-style border-color.也就是你可以写成border:1px solid #ccc;其次是你box-shadow也是个聚合属性,不过可以简写.border-radius是个聚合属性,这个是简写形式.首先你看你写的对不对,再其次是聚合属性的前后问题.
这些问题你可以去w3school看一下,那个对这些属性有很多的解释

Internet Explorer 9+ 支持 border-radius 和 box-shadow 属性。

Firefox、Chrome 以及 Safari 支持所有新的边框属性。

其次有些属性IE6,7,8是不支持的,你可以搜对应的兼容效果.比如box-shadow IE7兼容解决之类的问题

Answer 2

阴影圆角为css3的属性；ie9支持的，360你切换到极速模式；就支持。兼容模式是ie7.

Answer 3

360浏览器显示的你按照ie8走，但是ie8不支持圆角和阴影的

追问

那怎么弄出这种效果呢？