ホームページ > 記事 > ウェブフロントエンド > つまり、互換性 issue_html/css_WEB-ITnose
つまり、互換性 issue_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 11:54:45819ブラウズ
1. ie8 で角丸を設定し、iecss3.htc をルートディレクトリに追加します (サフィックス名は js ではありませんが、js で書かれたプラグインである ie8 のベクトル言語について説明します)
<style type="text/css"> body { padding-top: 70px; } .yuan { border: 2px solid #C0C0C0; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; position:relative; padding:5px; background:#FFF; z-index:2; width:330px; height:200px; behavior: url(iecss3.htc) } </style><body> <div class="yuan"> DIVCSS5圆角实例<br> CSS3版本圆角实例，<br> 支持低版本IE6-IE9浏览器 </div></body>
2. IE の透明度の問題、
.a{ background:#FF0000; opacity:0.5;/*不透明度，支持非IE，会影响子元素透明度*/ filter:alpha(opacity=50);/*不透明度，支持IE，会影响子元素透明度*/}.b{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7FFF0000', endColorstr='#7FFF0000');/*支持IE，不透明度，包括颜色的*/background:rgba(255,0,0,0.5);/*支持非IE，不透明度，包括颜色的*/
.transparent{ /* IE 8 */ -ms-filter: "progidXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 5-7 */ filter: alpha(opacity=50); /* Netscape */ -moz-opacity: 0.5; /* Safari 1.x */ -khtml-opacity: 0.5; /* Good browsers */ opacity: 0.5;}
3. IE の a をクリックした後、点線を削除します
41017552b4b3887b2f3c7dded9740e2a< ;/a>
アウトライン:なし;ボーダー:なし;
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。