4

私が使用しているサイト - http://www.quickseorankings.com/dev/、以下で構築されています:

  • Twitter ブートストラップ
  • HTML5 + CSS3
  • HTML5SHIV
  • CSS3PIE

問題: CSS3PIE を使用しても、ナビゲーション バー リンク (アクティブ) の境界半径が IE8 で機能しません。しかし、IE7、9、10で動作しています(テストにブラウザスタックを使用)

CSS の場所: /css/
CSS3PIE HTC ファイルの場所: /root/ index.html と同じ場所

HTC コード: behavior: url(PIE.htc);


試み #1 を修正: php を使用してみました -behavior: url(/PIE.htc);試み#2を修正 Htaccess を追加:試み #3 を修正: - 実際には HTC ソリューションですが、CSS3PIE とは異なるアプローチです。それでもうまくいきませんでした..behavior: url(../PIE.htc);
behavior: url(PIE.php); behavior: url(/PIE.php);

AddType text/x-component .htc

http://fetchak.com/ie-css3/

修正試行 #4追加:-pie-border-radius: 10px;機能しない。

修正試行 #5追加:position:relative !important; zoom:1; z-index:0 !important何もない...


このフォーラムの他の修正に従いましたが、まだ機能しませんでした.. ご協力ありがとうございました!

ScottSimpson による修正の提案: TBS のないプレーンな html を使用した分離テスト、これがページ テストhttp://www.quickseorankings.com/pie/です。上部のボタンにあるものは CSS3PIE (DIDN'T WORK) です。.fetchak ie-css.htc の下部のボタンはかなり機能しています..さて、これは私たちの問題に近づきます..質問は、TBS が原因で .htc が正しく読み込まれないのですか? それともTBSが上書き?しかし、私は、!重要な値..うーん..

WINNER IS pjumble : 私は PIE.htc (PIE 2.0 beta 1) を使用しているので、このファイルが必要です -PIE_IE678.jsその後、すべてが機能しています... pjumble に感謝します!

4

1 に答える 1

3

PIE 2.0 ベータ版を使用しています。PIE 2.0 の.htcファイルは、外部の JavaScript ファイルをロードするだけですPIE_IE678.jsPIE_IE678.jsサーバーにアップロードしてから、javascript ファイルの場所を PIE に通知する必要があります。

最も簡単な方法は、PIE_IE678.jsファイルを と同じディレクトリに追加し、css ファイルで PIE.htc ファイルへの絶対PIE.htcURL を使用することです。

behavior: url('http://www.quickseorankings.com/dev/PIE.htc');

ディレクトリ構造は次のようにする必要があります。

quickseorankings.com/
   dev/
      PIE.htc
      PIE_IE678.js

注: PIE .js ファイルを手動でロードしないでください。.htc ファイルが追加の JavaScript ファイルをロードします。

于 2013-05-18T21:34:04.583 に答える