2

サーバーに圧縮されていないバージョンの PIE.htc をダウンロードしました。

HTML

<!DOCTYPE html >
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Test</title>
        <link href="test.css" rel="stylesheet" type="text/css" />

    </head>
    <body>
        <div id="wrapper">          
            <div class="inside-wrapper">
                testing
            </div>
        </div>
    </body>
</html>

test.css

    .inside-wrapper{  
        border-radius: 5px;
        -moz-border-radius: 5px;
        -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
        border: 1px solid #C3D4DB;
        width: 150px;
        height:150px;   
        behavior: url(PIE.htc);
        position:relative;
        z-index: 100;
    }

また、次のコードでPIE.htaccessを追加しました

AddType text/x-component .htc

私の IIS サーバーは、text/x-component として .hta に既に構成されています

すべてのファイルはここにあります

C:\inetpub\wwwroot\testing

IE8 では角が丸くなりません。私は何が欠けていますか？

F12 を押した場合 -> css を確認 -> チェックを外すbehavior:url(PIE.htc); border-radius:5px-> 再度チェックすると機能しますが、ページを更新すると角の丸みが失われます。

4

1 に答える 1

2

圧縮ファイル（PIE.htc）をダウンロードすることで解決。非圧縮ファイル (PIE_uncompressed.htc) は機能しません。

于 2012-11-03T08:21:19.220 に答える