我在IE8中遇到了圆角的问题。我已经尝试了几种方法,但都没有成功。
下面是我的代码:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Page</title>
<style>
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
padding: 2px;
margin: 2px;
color: #505050;
line-height: normal;
}
p {
margin: 4px;
}
.categoryheading3 {
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
background-color: #297BB6;
color: #FFFFFF;
font-size: 16px;
font-weight: 700;
padding: 8px 0;
text-align: center;
margin: 0px;
}
.leftcolumn {
width: 174px;
padding: 8px;
float: left;
display: inline-block;
background-color: transparent;
/*--min-height: 500px*/
overflow: hidden;
}
.lefttop {
display: inline-block;
width: inherit;
margin: 0 5px 2em 0;
float: left;
width: 160px;
background-color: #FFFFFF;
border: 2px solid #297BB6;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
</style>
</head>
<body>
<div class="leftcolumn">
<div class="lefttop">
<H4 class="categoryheading3">Heading</H4>
<p>sample text sample text sample text sample text sample text sample text sample text sample text sample text sample text sample text sample text </p>
</div>
</div>
</body>
</html>
这将在Firefox中生成以下代码:
但在IE8中是这样的:
如果有人有任何建议,我将不胜感激!
编辑: Joseph建议使用pie.htc,但是我仍然在为这个元素不起作用而苦苦挣扎:
.categoryheading3 {
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
behavior: url(PIE.htc);
background-color: #297BB6;
color: #FFFFFF;
font-size: 16px;
font-weight: 700;
padding: 8px 0;
text-align: center;
margin: 0px;
}
发布于 2011-08-16 19:21:49
发布于 2012-06-28 02:23:46
在看了这篇文章后,我不知道css3pie.com,一个非常有用的网站:
但是在测试之后,它对我来说也不起作用。但是,我发现将其包装在.PHP文件中可以很好地工作。因此,不是:
behavior: url(PIE.htc);
使用以下命令:
behavior: url(PIE.php);
我把我的放在一个名为jquery的文件夹中,所以我的是:
behavior: url(jquery/PIE.php);
因此,请访问他们的下载或在此处获取:
http://css3pie.com/download-latest
并使用他们的PHP文件。在PHP文件中,它解释了一些服务器没有针对正确的.HTC使用进行配置。这就是我的问题所在。
试试看!我做到了,它起作用了。希望这对其他人也有帮助。
发布于 2012-10-05 18:44:42
http://fetchak.com/ie-css3/适用于IE 6+。如果css3pie对您不起作用,请使用此选项。
https://stackoverflow.com/questions/7077331
复制相似问题