IE8中的CSS圆angular
我在IE8有圆angular的问题。 我已经尝试了一些没有成功的方法。
这是我的代码：
<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中：
如果有人有任何提示，我会非常感激！
编辑：约瑟夫帮助build议使用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; }
Internet Explorer（版本9下）本身不支持圆angular。
有一个惊人的脚本，将奇迹般地为您添加： CSS3 PIE 。
我用了很多次，效果惊人。
IE8中的圆angular
Internet Explorer 8（及更早版本） 不支持圆angular， 但 您可能会考虑的其他解决scheme很less：
-
使用圆angular
Images而不是（ 这个发电机是一个很好的资源） -
从这里使用
jQuery Corner plugin -
从这里使用一个叫做
CSS3 PIE的非常好的脚本（Pro's＆Con's 在这里 ） -
从这里签出
CSS Juice -
另一个好的脚本是从这里
IE-CSS3
尽pipeCSS PIE是最stream行的解决scheme，但我build议您查看所有其他解决scheme，并select最适合您需求的解决scheme。
希望它是有用的。 祝你好运！
在看到这篇文章后，我不知道css3pie.com，一个非常有用的网站：
但是在testing之后呢，它也不适用于我。 但是，我发现包装在.PHP文件中工作正常。 所以，而不是：
behavior: url(PIE.htc);
用这个：
behavior: url(PIE.php);
我把我的文件夹叫做jquery，所以我的是：
behavior: url(jquery/PIE.php);
所以转到下载或在这里得到它：
http://css3pie.com/download-latest
并使用他们的PHP文件。 在PHP文件中，它解释了一些服务器没有configuration正确的.HTC用法。 这就是我的问题。
尝试一下！ 我做了，它的工作。 希望这也能帮助别人。
http://fetchak.com/ie-css3/适用于IE 6+。 如果css3pie不适合你，请使用它。
PIE.htc为我工作很好（ http://css3pie.com/ ），但有一个问题：
你应该写绝对pathPIE.htc。 当我使用相对path时，它并没有为我工作。
由于Internet Explorer本身不支持圆angular。 所以一个更好的跨浏览器的方式来处理它将是在angular落使用圆angular图像。 许多着名的网站使用这种方法。
你也可以在networking上find四舍五入的图像生成器。 一个这样的链接是http://www.generateit.net/rounded-corner/
