ホームページ > 記事 > ウェブフロントエンド > IE11 CSS3 角丸の問題_html/css_WEB-ITnose
IE11 CSS3 角丸の問題_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 11:32:441315ブラウズ
次の角丸コードは、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 に変更します。 。 。 。
まず、doctype を html5 に変更します。 。 。 。
先頭を 8b05045a5be5764f313ed5b9168a17e6 に変更します。まだ同じです
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>
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。