Html page with border-radius and box-shadow works ok on my local machine a开发者_如何学Cnd ie9 but when i try to view it from the server (mine and the hosting server) both the shadow and the corner radius are disappear.
There is no problem with chrome and safari.
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
div
{
border:0px solid #a1a1a1;
padding:10px 40px;
background:#2f3031;
width:900px;
height:1200px;
border-radius:8px;
-moz-border-radius:8px; /* Firefox 3.6 and earlier */
box-shadow: 8px 8px 5px #888888;
}
</style>
</head>
<body>
<div><div/>
</body>
</html>
Thanx
Your code isn't valid HTML5.
Start it with <!DOCTYPE HTML>
to make IE9 render in standards mode from the server :)
精彩评论