2012-01-14 12 views
-4

iは9JavaスクリプトのサポートでDIV用のhtmlで丸みのある境界線を作成するにはどうすればよいですか?

<style type="text/css"> 
div{ 
    width: 420px; 
    height: 220px; 
    border-radius: 12px; 
    border: 11px solid #35b70e; 
    background: -moz-linear-gradient(top, #fff, #ddd); 
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd)); 
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff, endColorstr=#ffdddddd); 
} 
</style> 
+0

あなたの質問は? – KMan

+0

私はそれをIE7、ie8とIE9で動作させるにはどうすればいいですか? –

+1

'filter'(グラジエント)の正しい使い方については、http://stackoverflow.com/a/7546655/938089を参照してください。あなたの問題の明確な説明を付けることができますか?正確には「機能していない」とは何ですか? –

答えて

0

あなたはIE 7とIE 8でこの作業を取得するために、いくつかのpolyfillsを使用する必要があり、ラウンドの境界が、そのIE7、8でサポートしていないため、勾配と境界半径を取得するためにフィルタを使用していますそれはCSS3をサポートしていないからです。丸い角を作成するためのjQueryプラグインであるhttp://jquery.malsup.com/corner/を見てください。

IE9では、border-radiusが動作するはずです。

+0

主な問題はグラデーションの背景です。 –

+0

divの丸い枠線は機能しますが、背景のグラデーションは丸みを帯びていません。 –

関連する問題