4

OK、IE8以外のブラウザではすべて正常に動作します。IE8の角が丸い問題を修正するためにpie.htcを接続しました。すべてが正常に動作します。次に、IE8のhtml5にいくつかの問題が見つかりました。そのため、html5shiv.jsを使用しました。これですべてが正常になりましたが、一部の丸みを帯びた角が再び四角になりました。それはたった1つのdiv内で起こりました。

残りのすべての丸みを帯びた角は、pie.htc+html5shiv.jsを使用したIE8でも見栄えがします。つまり、html5shiv.jsは壊れませんでした。

私がそのコーナーで問題を解決しようとしたが、運がなかった:私は引っ越した

<!--[if lt IE 9]>
<script src="path/to/html5shiv.js"></script>
<![endif]-->

cssがロードされる前にアップします。また、.superclass {の動作を確認するために!importantを配置しました:url(/PIE.htc); position:relative!important; そのスーパークラスのIE8の丸みを帯びた角を修正するために使用されました。

また、以下の3つの文字列のほとんどの組み合わせを使用して追加しようとしました。

  z-index: 1;
  *position:relative!important;
  *z-index: 1;

しかし、何も役に立ちません。他に何ができるでしょうか?削除したら

<!--[if lt IE 9]>
<script src="path/to/html5shiv.js"></script>
<![endif]-->

角は再び丸みを帯びています。何か案は?ありがとうございました。

4

1 に答える 1

1

条件付きコメントとHTML/CSSソリューションを使用して、丸みを帯びたコーナーを作成します。

 <div class="container">
   <b class="rtop">
      <b class="r1"></b>
      <b class="r2"></b>
      <b class="r3"></b>
      <b class="r4"></b>
   </b>
     CONTENTS GOES HERE
   <b class="rbottom">
     <b class="r4"></b>
     <b class="r3"></b>
     <b class="r2"></b>
     <b class="r1"></b>
   </b>
 </div>

参照:

于 2013-06-07T17:10:59.117 に答える