html - IE8的 flex 边框CSS

我需要用于IE8和所有主要浏览器的弧形边框CSS。目前我正在尝试CSS PIE

jsfiddle演示是here。但我建议回答者下载PIE.htc文件格式here，并尝试将HTML作为独立页面使用，以在IE8中获得真正的效果。

我的问题是<td>包含“谢谢注册”文本在jsfiddle中的IE8中不弯曲。如果我将其作为HTML页面运行，则它在IE8中是弯曲的，但蓝色背景与“感谢您注册” <td>重叠（但其背景为“＃f2f2f2”）。

    <table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin:0px; padding:0px;">
        <tr>
            <td>&nbsp;</td>
            <td style="width: 60%; text-align: center;background: #0067C8;">
                <table cellpadding="0" cellspacing="0" border="0" width="100%">
                    <tr>
                        <td colspan="3" style="height: 50px; background-color: #262626; width:100%; text-align: left;">
                            <img src="twitter_logo.png" width="200" height="50" alt"Twitter" />
                        </td>
                    </tr>
                    <tr>
                        <td colspan="3" style="height: 25px;">&nbsp;</td>
                    </tr>
                    <tr>
                        <td style="width:3%;">&nbsp;</td>
                        <td style="width: 94%; background-color: #f2f2f2; height: 400px; font-family: arial; font-size: 30px; color: #2DB8ED; text-align: center; border: 2px solid #bcbcbc;text-align: center;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; behavior: url(PIE.htc);">
                            Thank you for registering
                        </td>
                        <td style="width:3%;">&nbsp;</td>
                    </tr>
                    <tr>
                        <td colspan="3" style="height: 25px;">&nbsp;</td>
                    </tr>
                </table>
            </td>
            <td>&nbsp;</td>
        </tr>
    </table>

最佳答案

我认为主要是因为z-index存在问题。

在这里查看更多详细信息。 general issues encountered when using PIE