3

IE8 (およびそれ以前) で border-radius を使用できるように、自分のサイトで CSS3PIE を機能させようとしています。他のすべてのブラウザでは問題なく動作します。これが私のCSSです：

#body_text_design{
    border:2px solid black;
    background-color:#CCC;
    background-image:url(../pics/designbg.png);
    font-family:"Britannic Bold";
    color:black;
    height:676px;
    width:675px;
    -webkit-border-radius:10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-top:23px;
    overflow:hidden;
    behavior: url(PIE.htc);
    }

そして私のHTML：

<div id="body_box">
    <div id="body_text_design">

    <div class="design_text_div">
    <h1>Test test test</h1>
    <br />
    <br />
    <br />
    <h3>Bla bla bla</h3> 
    <h3>Test test test</h3>
    </div>

    </div>
</div>

次のようなデバッグをすべて試しました。

  • PHPソリューションを試しました
  • PIE.htc ファイルへの完全な http:// リンクを試してみました
  • AddType text/x-component .htc.htaccess ファイルに追加
  • 試行済みposition:absoluteおよびzoom:1z-index 値。

これまでのところ何も機能していません。behaviorプロパティをCSSに追加するだけでこれを取得できる人がうらやましいです。誰かが助けてくれれば、それは大歓迎です!

編集

ここにjsfiddleがあります：

http://jsfiddle.net/3aWVH/1/

4

3 に答える 3

3

ローカルでテストしていないことを確認してください。.htc ファイルはサーバーでホストする必要があり、css3 パイは Web コンテナーでのみ機能します

于 2013-10-15T08:34:35.870 に答える
0

にアクセスできますが、.htaccessを追加しても違いはありませんでしたがAddType text/x-component .htc、使用してPIE.phpも機能しました (ただし、最初はパスの入力ミスを使用していたため、実際に機能することを理解するのに 3 日かかりましたphp!)...とにかく、今はすべて見栄えが良いです！

于 2012-05-08T19:48:36.607 に答える
0

私はしばらくこの問題に苦しんでいましたが、ついにそれを理解しました!

一部のサーバーは .htc ファイルを認識しないため、次のようにして Content-type を .htaccess ファイルに追加する必要があります。

AddType text/x-component .htc

ドキュメントの既知の問題ページにありますhttp://css3pie.com/documentation/known-issues/

于 2012-02-07T22:37:28.117 に答える