IE8用曲線ボーダー付きCSS

Question

私は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> 

Answer 1

私がその主な理由のzインデックスの問題を考えます。

詳細はこちらをご覧ください。

Answer 2

あなたは、曲線を追加するプラグインhttp://jquery.malsup.com/corner/ jqueryのを試したことがありますか？

$(function() { 
    $('table table tr:eq(2) td:eq(1)').corner(); 
}); 

デモ：http://jsfiddle.net/bDvRd/4/

Answer 3

general issues encountered when using PIEが、私はそのスタンドアロンのページでjQueryのを使用していないUsing CSS3Pie htc for border-radius in IE8

OR CSS3 PIE - Giving IE border-radius support not working?