2

このプロジェクトでは、Tomcat 7 を使用しており、次htcのコンテンツ タイプで提供するように構成しています。text/x-component

<?xml version="1.0" encoding="UTF-8"?>
<web-app ...>
    ...
    <mime-mapping>
            <extension>htc</extension>
            <mime-type>text/x-component</mime-type>
    </mime-mapping>
</web-app>

何らかの理由で、IE9 (グラデーション、ドロップ シャドウ、丸みを帯びた角) では機能しますが、IE8 では機能しません。CSS3 がまったく機能していません。スタイル/tracxe スタイルの下の開発者コンソールでは、表示されますが、たとえばのbehaviorようなものは表示されません。-pie-background問題ありますか？

原因は何でしょうか。別のセットアップなどは必要ないと思いますか？1要素のCSS:

#masthead {
  background: #0E0E0E;
  background: #0e0e0e;
  background: -moz-linear-gradient(center top, #7d7d7d 0%, #0e0e0e 100%);
  background: -webkit-linear-gradient(top, #7d7d7d 0%, #0e0e0e 100%);
  background: -o-linear-gradient(top, #7d7d7d 0%, #0e0e0e 100%);
  background: -ms-linear-gradient(top, #7d7d7d 0%, #0e0e0e 100%);
  background: linear-gradient(top, #7d7d7d 0%, #0e0e0e 100%);
  -pie-background: linear-gradient(top, #7d7d7d 0%, #0e0e0e 100%);
  behavior: url(/owmw/web/css/PIE.htc);
  height: 35px;
  border: 1px solid #000000;
  color: #FFFFFF;
  position: relative;
  text-align: center;
  margin: 0px auto;
}

IE10 を IE8 互換モードで使用していますが、問題はありますか?

4

1 に答える 1

1

私も同じ問題に直面し、以下が私の問題の理由でした：

  • 要素に間違った配置を使用しましたDIV。
  • で間違ったパスをターゲットにしていましたbehavior。

あなたのコードから、問題は間違ったパスをターゲットにしているようです。
behavior: url(/owmw/web/css/PIE.htc);

修正: 代わりに、css フォルダー内の PIE.htc ファイルを参照して、そのように見えるようにするbehavior: url(PIE.htc);
か、
使用してみてくださいbehavior: url(owmw/web/css/PIE.htc);

動作プロパティを確認してください。

私は間違っているかもしれませんが、これで問題は解決しました。

私も使ってみbehavior: url(../owmw/web/css/PIE.htc);ましたがうまくいきませんでした。

あなたのコメントからX-UA-Compatible、修正として使用しているようで、IE10 互換モードでのみ動作します。 

!--  Force IE to use the latest version of its rendering engine -->  
<meta http-equiv="X-UA-Compatible" content="IE=edge">

ページで最新バージョンのレンダリング エンジンを使用するように IE に指示する。ユーザーが IE8 ブラウザーで開いた場合はどうなりますか? これは確かに失敗します。

これはMSDN ライブラリで確認できます。

ご理解いただければ幸いです。

于 2013-06-10T07:10:17.510 に答える