IE8中的CSS圆角
IE8中的CSS圆角
提问于 2011-08-16 19:15:47
我在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;
}回答 5
Stack Overflow用户
回答已采纳
发布于 2011-08-16 19:21:49
Stack Overflow用户
发布于 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使用进行配置。这就是我的问题所在。
试试看！我做到了，它起作用了。希望这对其他人也有帮助。
Stack Overflow用户
发布于 2012-10-05 18:44:42
http://fetchak.com/ie-css3/适用于IE 6+。如果css3pie对您不起作用，请使用此选项。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/7077331
复制相关文章
相似问题