2012-01-24 5 views
1

まあ、私は動作していないasp.netのcss3pieを使用しました。私はすべての可能な解決策を試しました。多くのフォーラムを検索しましたが、asp.netでPIEを正しく使用できませんでした。私のプロジェクト構造を見せてあげましょう。
asp.netのcss3PIEまたはPIE.htc

私はプロジェクト階層内にマスターとインナーのマスターページを持っています。
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ファイルに配置されています。上記のコードを見ることができます。 は私が

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

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

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

behavior: url('PIE.htc'); 

with and without quotes 

一つのことより、CSSで.HTC参照するために、すべての可能な組み合わせを試してみました覚えておいてください。多くの人が、それは相対的な経路のためだと言っています。さて、私はそれらの事をテストしました。私はIEの開発ツールでレンダリングされたhtmlを見ています。それは動作を適用しますが、動作しません。 私を助けてください。それは非常に高く評価されます。事前に感謝します

+0

ブラウザでhttp://の完全なURLを入力すると、ファイルが取得されましたか?または404やその他のhttpエラーが出ましたか? – Arief

+0

クイックリプレイのためにありがとうございます。私は.htcファイルを入手できます – Ali

+0

http:// localhost:51281/scripts/PIE.htcのような完全なURLを試してみると、Pie.htcファイルをダウンロードするオプションが与えられます。パスが正しく指定されていることを意味します。 – Ali

答えて

1

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

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

我々は.roundボックススタイルが

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

だから、丸い角を持つ問題を持っている人だけでIE上で動作していない適用されているhtml要素でありますIEの特定の位置を置く:IEのブラウザのような相対。

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

これにより、ラウンドの問題または境界線が表示されない問題が修正されます。位置を念頭に置いてください:相対は子要素に影響します。それを賢く使う

1

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

関連する問題