0

特定のクラスの ie7 で css3pie を実行しないようにしようとしています。HTML5 ボイラープレートを使用して、使用する IE 固有のクラスを提供しています。私がやろうとしてきたことはこれです

.ie7 .classname {
 position: absolute;
 background: #000;
}
.classname {
  css3pie: stuff;
  position: relative
  background: #fff;
}

しかし、これは機能していないようです。css3pie はまだ処理中です。

css3pie の修正を実行しないようにするには、他に何ができるか、誰にもわかりませんか?

4

3 に答える 3

1

PIE の DHTML 動作バージョン ( pie.htc) を使用している場合は、必要な要素に対してのみ動作を宣言します。私の場合、pieパイが必要な要素に追加するクラスがあり、CSS を次のように宣言します。

.pie { behavior: url(pie.htc); }

あなたの場合、これを行うことができます：

.ie6 .pie, .ie8 .pie, .ie9 .pie { behavior: url(pie.htc); }

または定型文の条件付きコメントを調整して.ienot7、IE 6、8、および 9 にクラスを追加します。

<!--[if lt IE 7 ]> <html class="ie6 ienot7"> <![endif]-->
<!--[if IE 7 ]>    <html class="ie7"> <![endif]-->
<!--[if IE 8 ]>    <html class="ie8 ienot7"> <![endif]-->
<!--[if IE 9 ]>    <html class="ie9 ienot7"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html class=""> <!--<![endif]-->

.ienot7 .pie { behavior: url(pie.htc); }
于 2011-10-21T14:47:27.480 に答える
0

次のように、処理したい宣言に css3pie を明示的に適用する必要があるという印象を受けました。

.border-radius-5 {
    -webkit-border-radius : 5px;
    -moz-border-radius : 5px;
    border-radius : 5px;
    position:relative;
    behavior: url(/css/PIE.htc);
}
于 2011-10-21T14:45:35.487 に答える
0

behavior: ''IE7のみ設定。例えば：

.classname {
    behavior: url(pie.htc);
}
.ie7 .classname {
    behavior: '';
}

HTML を変更する必要がないため、これは良いことです。

于 2011-10-21T15:56:46.703 に答える