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

Question

我正在使用CSS圆角和阴影，当我通过Chrome在Visual Studio中通过调试运行它时，效果很好，但是当我将其放置在服务器上并尝试通过Chrome或IE通过服务器访问它时，它既不显示阴影也不显示阴影圆角。 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 */
}

Answer 2

您可以使用名为Prefixer的出色小工具来制作CSS跨浏览器。 非常易于使用，为我节省了很多时间。