0

テスト目的で単純な html/css をコーディングしましたが、ライブラリを動作させることができません。.htc、.php、および .js ファイルを index.html の同じディレクトリに移動しましたが、まったく機能しません。

コードへのリンク。

すべてのファイルは index.html の同じディレクトリにあり、URL 経由でアクセスできます。これで十分だと思います。動作タグと position: relative, z-index:0 を css ファイルに入れようとしましたが、IE はこれらのプロパティを認識できません。

コード: HTML 

<link rel="stylesheet" type="text/css" href="index.css">
<script src='jquery.js'></script>
<script src='PIE.js'></script>
<body>
<div>test</div>
</body>

CSS :

 div {
     float: left;
     position: relative;
     z-index: 0;
     width: 300px;
     height: 300px;
     -webkit-border-radius: 10px;
     -moz-borderradius: 10px;
     border-radius: 10px;
     -pie-box-shadow: 1px 1px 10px #000;
     box-shadow: 1px 1px 10px #000;
     behavior: url(PIE.htc);
     background-color: red;
}
4

2 に答える 2

2

解決しました。問題はいくつかありました。

仕組み:

  1. IE10 でテストしていますが、ナビゲート モードを有効にしておらず、ドキュメント モード IE8 のみを有効にしていました。そのため、ナビゲート モード IE8 を有効にするだけです。
  2. スクリプト PIE.js をインポートします。.htc または .php は関係ありません。
  3. と を使用して、要素のスタイルを 1 つずつ設定しますposition: relative。z-index: 0

それでおしまい。ちんちん！

于 2013-09-17T17:46:19.983 に答える
0

さまざまなブラウザー互換性ルールを設定する順序が重要であることがわかりました。

border-radius
then -moz
then -ms
then -webkit

私はそれらを別の順序で持っていましたが、うまくいきませんでした...

多分それは誰かを助けるでしょう...

于 2013-11-04T04:09:56.457 に答える