CSS3 Border Radius property doesn't work in localhost?
Posted
by
user547969
on Stack Overflow
See other posts from Stack Overflow
or by user547969
Published on 2011-01-14T15:22:25Z
Indexed on
2011/01/15
7:54 UTC
Read the original article
Hit count: 202
css
|border-radius
I'm having a very strange problem with css3 border radius property. My following CSS and html works fine with IE9 if i double click the file and open with the IE9 , however if the border property does not work in IE if i open the file through LOCALHOST (xampp insatlled on windows 7). The same file works fine on localhost with other browsers. How can i fix it?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<style media="all" type="text/css">@import "circle.css";</style>
</head>
<body>
<div class="exampleborderradiusf">F</div>
</body>
</html>
and the CSS is:
.exampleborderradiusf {
float:left;
background-color: #464646;
margin-top: 20px;
margin-right: 40px;
width: 70px;
height: 70px;
text-align: center;
-moz-border-radius: 35px;
border-radius: 35px;
color: white;
font-size: 20px;
position: relative;
top: 20px;
}
Thanks for the help.
© Stack Overflow or respective owner
