CSS 圆 Angular 和阴影在 IE 或 Chrome 中不起作用

Question

我正在使用 CSS 圆 Angular 和阴影，当我通过 Chrome 在 Visual Studio 中调试运行它时它工作得很好但是当我将它放在服务器上并尝试通过 Chrome 或 IE 通过服务器访问它时它不显示阴影和圆 Angular 。 Visual Studio 提供的服务器端和虚拟服务器之间有什么不同吗？提前感谢您的帮助。

.greenborder
{
border-radius: 15px 15px 15px 15px;padding: 8px; border: 2px solid #7F9F1A;
behavior: url(ie-css3.htc);
background-color :White ;
box-shadow: 10px 10px 5px #888;
}

已更新

-moz-border-radius: 15px; /* Firefox */
-webkit-border-radius: 15px; /* Safari, Chrome */
border-radius: 15px 15px 15px 15px; /* CSS3 */

padding: 8px; 
border: 2px solid #7F9F1A;  
behavior: url(ie-css3.htc);
background-color: White;

-webkit-box-shadow: 10px 10px 5px #888;
-moz-box-shadow: 10px 10px 5px #888;
box-shadow: 10px 10px 5px #888;

Answer 1

您必须使用此样式使其跨浏览器兼容:

.rounded-corners {
  -moz-border-radius: 10px; /* Firefox */
  -webkit-border-radius: 10px; /* Safari, Chrome */
  border-radius: 10px; /* CSS3 */
}