3

CSS3PIE フォーラムで、私が抱えている問題について助けを得ることができませんでした。(はい、PIE はアクティブで、ページの他の場所で正常に動作しています)

観察のまとめ

失敗は、実際には 2 つの異なる要素で発生してい
ます
。

IE8 の例

コードの一部...

<p class="reply"><a href="#">+ reply to this comment</a></p>

.reply {
  margin: -1px 0 -1px -1px;
  padding: 0;
  font-size: 11px;
  line-height: 14px;
  color: #333;
}
.reply a:link {
  display: inline-block;
  padding: 3px 6px 3px 5px;
  -webkit-border-radius: 0 5px 0 5px;
  -moz-border-radius: 0 5px 0 5px;
  border-radius: 0 5px 0 5px;

  /* behavior: url(PIE.htc);  IE WON'T APPLY BEHAVIORS IN A HOVER SELECTOR? PLACING IT HERE ALSO GIVES Z-INDEX ISSUES */
}
.reply a:link, .reply a:visited  { color: #878787; }
.reply a:hover {
  padding: 2px 5px 2px 4px;
  color: #EEE;
  background-color: #666;
  border: 1px solid #666;
}

考え？

4

3 に答える 3

0

返信用の CSS には、次のものがあります。

  /* behavior: url(PIE.htc);  IE WON'T APPLY BEHAVIORS IN A HOVER SELECTOR? PLACING IT HERE ALSO GIVES Z-INDEX ISSUES */

あなたの PIE 動作はコメントアウトされています。以下はそれを修正する必要があります（他に何も干渉していないと仮定します）：

  behavior: url(PIE.htc);  /* IE WON'T APPLY BEHAVIORS IN A HOVER SELECTOR? PLACING IT HERE ALSO GIVES Z-INDEX ISSUES */
于 2011-12-20T16:36:14.487 に答える
0

私は同様の問題を抱えており、 を適用すること"position:relative"でいくつかの効果を得ることができましたが、奇妙な理由でこれは散発的に機能します。私が見つけたもう1つのことは、IE8がPIE.htcスタイルシート内で使用するときにcssロケーターを構築することに問題があるように見えることです ie ".class1 .class2 h2"、代わりに、クラスをタグ ie に直接属性付けh2 class="xxxx"て、スタイル シートと同じように簡単にクラスを.xxxx作成します。

于 2012-01-18T13:59:03.043 に答える
0

変更してみてください:

.reply a:link, .reply a:visited { color: #878787; }

with: .reply a:link, .reply a:visited { color: rgb(57, 57, 57) }

IE + PIE は # 文字に問題があるようです

于 2012-01-18T15:19:46.463 に答える