0

ここからIE-6-8の角を丸くしようとする.htc動作を実装しました： http://jonraasch.com/blog/css-rounded-corners-in-all-browsers

IEが推奨する小さなIEメソッドをすべて実行した後でも、動作しないようです。

#callbox {
position:relative;
background-image:url(images/callbox_bg.png);
width:360px;
height:75px;
float:right;
padding:10px 20px 0px 10px;
font-size:26px;

display:block;


border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;


behavior: url(/css/border-radius.htc);
zoom:1;

}

4

3 に答える 3

1

通常、CSS では、url パスはドキュメントに対して相対的です。.htc ファイルを使用する場合は、サイト ルートを基準にする必要があります。

次のサイト構造を取ります。

Root
   - images/
      - image.png
   - css/
      - layout.css
- index.html
- border-radius.htc

layout.css ファイルで画像を使用するには、URL は次のようになります。.htc ファイル('../images/image.png') を使用するには、次のようになります。('../border-radius.htc')

また (これは関係ないかもしれませんが)、CSS3PIE.htc を機能させるには、スタイルに対して position: を追加する必要があります。

于 2012-07-04T13:41:46.223 に答える
1

彼らの例ではborder-radius: 15px; 、 after behaviorがあります。それが機能するかどうかを確認してください。また、IE の警告のリストを見て、それらがレイアウトに適用されないことを確認してください。

.rounded-corners {
    behavior: url(/css/border-radius.htc);
    border-radius: 20px;
}
于 2012-07-04T13:20:33.720 に答える
1

htc ファイルのパスが正しいこと、つまり次の方法でアクセスできることを確認していますhttp://example.com/css/boarder-radius.htcか?

于 2012-07-04T13:25:53.103 に答える