I have successfully downloaded the uncompressed version of PIE.htc on my server.
HTML
<!DOCTYPE html >
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Test</title>
<link href="test.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div class="inside-wrapper">
testing
</div>
</div>
</body>
</html>
test.css
.inside-wrapper{
border-radius: 5px;
-moz-border-radius: 5px;
-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
border: 1px solid #C3D4DB;
width: 150px;
height:150px;
behavior: url(PIE.htc);
position:relative;
z-index: 100;
}
A PIE.htaccess file was also added with the code below:
AddType text/x-component .htc
The IIS server is already configured to recognize .hta as text/x-component
All these files are stored in this location:
C:\inetpub\wwwroot\testing
Despite all this setup, rounded corners are not displaying properly in IE8. What could be missing?
When inspecting the CSS by pressing F12 and unchecking
, then checking again, the rounded corners appear. But upon page refresh, they disappear.behavior:url(PIE.htc); border-radius:5px