我需要 IE8 和所有主要浏览器的曲线边框 CSS。目前我正在尝试 CSS PIE
jsfiddle 演示是 here .但我建议回答者下载 PIE.htc 文件形式 here并尝试将 HTML 作为独立页面在 IE8 中获得真正的效果。
我的问题是 <td>
包含“感谢您注册”的文本在 jsfiddle 的 IE8 中不 flex 。如果我将它作为 HTML 页面运行,它在 IE8 中是 flex 的,但蓝色背景与“感谢您注册”重叠 <td>
(但它的背景是“#f2f2f2”)。
<table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin:0px; padding:0px;">
<tr>
<td> </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;"> </td>
</tr>
<tr>
<td style="width:3%;"> </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%;"> </td>
</tr>
<tr>
<td colspan="3" style="height: 25px;"> </td>
</tr>
</table>
</td>
<td> </td>
</tr>
</table>
最佳答案
我认为这主要是因为 z-index 的问题。
点击这里了解更多详情。 general issues encountered when using PIE
关于html - IE8 的弧形边框 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10084349/