2012-03-20 8 views
0

ウェブ全体に100万の丸い角のスレッドがあることを知っています。私は自分の研究を行い、PIE.htcメソッドを試しましたが運が無かったのです。なんらかの理由で、BrowserLabによるとIE9で動作しません。IE丸められたコーナー

IE9で誰でも私を確認できますか?私はマックにいる。ここで

http://heyimart.com/clients/index.html

私は丸みを帯びた角を作るために使用しているCSSコードです。

-webkit-border-top-right-radius: 120px; 
-webkit-border-bottom-left-radius: 120px; 
-webkit-border-radius: 0px 120px 0px 120px; 
-moz-border-radius-topright: 120px; 
-moz-border-radius-bottomleft: 120px; 
-moz-border-radius: 0px 120px 0px 120px; 
border-top-right-radius: 120px; 
border-bottom-left-radius: 120px; 
border-radius: 0px 120px 0px 120px; 

-webkit-box-shadow: #666 0px 0px 10px; 
-moz-box-shadow: #666 0px 0px 10px; 
box-shadow: #666 0px 0px 10px; 
behavior: url(clients/PIE.htc); 

behaviorで アート

+0

8で失敗する –

+0

はIE9では動作しません –

+0

IE9は 'border-radius'をネイティブにサポートしているので、PIEがなくても動作します。また、なぜ、長さと簡略プロパティの両方を定義していますか? – daGUY

答えて

0

URLはサーバーのルートからの相対である必要があり、ありがとうございます。

変更を:

behavior: url(clients/PIE.htc); 
+0

私は自分の振る舞いをクライアント/ PIE.htcに変更しましたが、BrowserLabには運がありません。 –

0

IE8に何も(IE9を持っていない)...

私はIE8でこれを使用します。

-webkit-border-radius: 200px; 
-moz-border-radius: 200px; 
border-radius: 200px; 
behavior: url(PIE.htc); 
margin:25px; 
z-index: inherit; 
zoom: 1; /* For IE6 */ 
+0

私は特定のコーナーを曲げようとしているからですか? –

0

使用この本は、それが

を働いています
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> 
<style> 
border-top-right-radius: 7px; 
border-top-left-radius: 7px; 
border-bottom-right-radius: 2px; 
border-bottom-left-radius: 2px; 
</style> 
関連する問題