私はIE8の問題に苦労していて、丸みを帯びた角のこの問題に出くわしました。ここでは、IE8を除くすべてのブラウザーが境界半径を受け入れます。
font-size: 12px;
margin-left: 7px;
margin-top: -13px;
border-radius: 10px 10px 10px 10px / 5px 10px 5px 10px;
私はIE8の問題に苦労していて、丸みを帯びた角のこの問題に出くわしました。ここでは、IE8を除くすべてのブラウザーが境界半径を受け入れます。
font-size: 12px;
margin-left: 7px;
margin-top: -13px;
border-radius: 10px 10px 10px 10px / 5px 10px 5px 10px;
長い苦労の末、私はこの問題を解決しました。
ダウンロード:http ://css3pie.com/
以下のようにCSSで使用しました:
フォントサイズ:12px;
enter code here
-webkit-border-radius: 5px; /* Chrome */
position: relative;
z-index: 1;
border-radius: 5px; /* CSS3 */
-moz-border-radius: 5px; /* Mozilla */
behavior: url(http://dev.intervalorders.com/pie/PIE.php);
border-radius
IE8ではサポートされていません:http://caniuse.com/#feat=border-radius
InternetExplorerはborder-radiusをサポートしていません。しかし、いくつかのハックを実装することでそれを達成できます。ヘルプが必要な場合は、このリンクを確認してください。
なぜ誰もが「Border-radius is not supported in IE or IE8」などと書いたのですか? IE9 は border-radius をサポートし、下位バージョンの IE は PIE で border-radius をサポートします。このテーマは、IE8 以前でデフォルトでサポートされている border-radius に関するものではなく、PIE に関するものです。
そして質問に答えます:
-webkit-border-radius: 6px 6px 6px 6px; // simply "6px" is ok too as in another CSS function
-moz-border-radius: 6px 6px 6px 6px; // simply "6px" is ok too as in another CSS function
border-radius: 6px 6px 6px 6px; // simply "6px" is ok too as in another CSS function
behavior: url(funkce/PIE.php); //change link on your local folder where you have PIE.php (in this file is include PIE.htc that alow you use PIE without change .htacces file. For that you must have PIE.php file and PIE.htc file too.)