Question

I am using CSS Rounded Corners and Shadow and when I run it through debugging in Visual Studio through Chrome it works just fine but when I place it onto a server and try to access it through server via Chrome or IE it does not show the shadow nor rounded corners. Is something different between server side and virtual server provided by Visual Studio? Thanks for your help in advance.

.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;
}

<>UPDATED

-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,使社会保障局的交叉浏览器。非常容易使用,使我节省了许多时间。

友情链接