圆角不在框架集中工作

时间:2012-12-17 18:50:19

标签: css

有没有办法在IE框架集中显示圆角? 这是一个例子:

的index.html:

<html>
<head><title></title></head>
<frameset rows="*,64" style="margin:0; padding: 0;"  framespacing="0">
    <frame name="main" src="test.html" frameborder="0" border="0"  framespacing="0" marginwidth="0" />
    <frame name="header" scrolling="no" noresize target="main" src="template.html"  framespacing="0" />
</frameset>
</html>

和test.html:

<html>
<head><title></title>

<style>
.listing td {
    -moz-border-radius: 14px;
    border-radius: 14px;

}
</style>
</head>
<body>
<table class="listing">
<tr>
<td>rounded corner not work in frame!</td>
</tr>
</table>
</body>
</html>

查看test.html然后查看index.html。它不适合框架! (IE9)

不要告诉我不要使用框架或等等......我应该使用它并且不希望使用div解决方案。它是一个演示页面,需要框架集。

1 个答案:

答案 0 :(得分:1)

确保为每个文件设置了doctype。

<!doctype html>

您的网页在没有doctype的quirksmode中呈现,其中doctype将在IE 9模式下呈现,并应显示圆角