ホームページ > ウェブフロントエンド > htmlチュートリアル > つまり、互換性 issue_html/css_WEB-ITnose

つまり、互換性 issue_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 11:54:45
オリジナル
898 人が閲覧しました

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 をクリックした後、点線を削除します

< ;/a>

アウトライン:なし;ボーダー:なし;

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート