0

我正在使用 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;
4

2 回答 2

2

你可以使用一个很棒的小工具Prefixer来让你的 CSS 跨浏览器。非常易于使用，为我节省了很多时间。

于 2012-04-11T23:03:33.530 回答
2

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

.rounded-corners {
  -moz-border-radius: 10px; /* Firefox */
  -webkit-border-radius: 10px; /* Safari, Chrome */
  border-radius: 10px; /* CSS3 */
}
于 2012-04-11T20:17:19.687 回答