1

さて、動作していないasp.netでcss3pieを使用しました。考えられるあらゆる解決策を試しました。多くのフォーラムを検索しましたが、asp.net で PIE を適切に使用できませんでした。私のプロジェクト構造をお見せしましょう。

プロジェクト階層にマスター ページと内部マスター ページがあります。
css3pie は、マスター ページを使用しないページに取り組んでいます。私のcssと.htcファイルは次のとおりです

  • 根
    • CSS
    • 脚本

マスターページなしで css3PIE を使用すると、次のように動作します。 

<script type="text/javascript" src="../Scripts/html5.js"></script>        

<link href="css/IE.css" rel="stylesheet" type="text/css" />

上記のコードは機能しています。しかし、マスターで任意のページを使用したとき。機能していません。私のcssは次のようになります。 

behavior: url('../Scripts/PIE.htc');

css は IE.css ファイルに配置されます。上記のコードで確認できます。cssで.htcを参照するために可能なすべての組み合わせを試したことを思い出してください

behavior: url('../Scripts/PIE.htc');

behavior: url('/Scripts/PIE.htc');

behavior: url('/PIE.htc');

behavior: url('PIE.htc');

with and without quotes

もう一つ。相対パスが原因だと多くの人が言っています。さて、私はそれらのことをテストしました。IEの開発ツールでレンダリングされたhtmlを見ると。動作は適用されますが、機能しません。私を助けてください。高く評価されます。前もって感謝します

4

2 に答える 2

1

これはパスの問題ではありません....htcファイルを提供する方法を理解しているWebサーバーと関係があります。PHP用にこれを行うラッパースクリプトが含まれています。それから始めて、IIS用に微調整することができます。

于 2012-12-14T18:03:31.210 に答える
1

問題を修正しました。だから私は他の人々を助けるためにここに書いています。asp.net でマスター ページを使用していて、css で .htc ファイルを相対パスとして使用している場合は、位置を相対パスとして使用します。css3 スタイルを使用したターゲット要素の場合。たとえば、css クラスは round-box です

<style>
.round-box
{
  border: 1px solid #696;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  behavior: url(PIE.htc);
}
</style>

.round-box スタイルを適用する html 要素は

<div class="round-box">This is a round Div<div>

したがって、IE で角丸が機能しないという問題を抱えている人は、IE 固有の position:relative を IE ブラウザのように入力するだけです。

 <!--[if lt IE 9]>
    <style>        
        .round-box
        {
            position: relative;
        }       
    </style>
 <![endif]-->

これにより、丸い問題または境界線が表示されていない問題が修正されます。position:relative は子要素に影響することに注意してください。賢く使う

于 2012-01-31T11:50:49.750 に答える