IE11 CSS3 角丸の問題_html/css_WEB-ITnose-htmlチュートリアル-php.cn

IE11 CSS3 角丸の問題_html/css_WEB-ITnose

WBOY

リリース： 2016-06-24 11:32:44

オリジナル

1339 人が閲覧しました

次の角丸コードは、IE11 を使用して別のファイルで実行され、角丸を実現できますが、コードをページに適用すると、角丸が実現できません。また、このファイルを単独でサーバーに置くと、角丸が実現されません。実行時に角を丸めることができません。私は IIS サーバー、ASP.NET です
これの理由は何ですか?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.phpernote.com/javascript-function/833.html"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>css3 圆角效果实例</title><style type="text/css">#round {    padding:10px; width:200px; height:50px;    border: 5px solid #666;	background-color:#CCC;    -moz-border-radius: 15px;      /* Gecko browsers */    -webkit-border-radius: 15px;   /* Webkit browsers */    border-radius:15px;            /* W3C syntax */}</style></head><body><div id="round">css3 圆角效果实例</div></body></html>

ログイン後にコピー

ディスカッションへの返信（解決策）

別の方法として、インターネット上にはこのような角丸の例がたくさんあります。表示デバイスのバージョンです違う？

ブラウザのバージョンが違いますか?

それは同じコンピューターです、同じです

別の言い方をすると、インターネット上にはこのような丸い角の例がたくさんあります

jquery.corner.js を探してみると、IE8 以降をサポートしていると書かれていました。しかし、ここでテストしたときは機能しませんでした、IE11

まず、doctype を html5 に変更します。。。。

先頭をに変更します。まだ同じです

border-radius IE9+ サポート

現在は解決されていますか？私の状況はさらに悪いように感じます。なぜ最初は角丸やキャンバスが実現できなかったのに、突然実現でき、そして今はまた実現できなくなっているのかわかりませんでした。。。

ie11 は css3 と完全に互換性があります...

html5 の標準コンテナ:

<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>无标题文档</title></head><body></body></html>

ログイン後にコピー