コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > つまり、互換性 issue_html/css_WEB-ITnose

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

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

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>

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

関連ラベル：
ie兼容问题
ソース：php.cn
前の記事：CSS sprites_html/css_WEB-ITnose の概要 次の記事：css3_html/css_WEB-ITnose に基づいたシンプルなマウス ホバー ボタン
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
**エラーの種類: 'NoneType' オブジェクトを反復できません** SSHトンネルを使用してMySQLデータベースにアクセスしたいと考えています。残念ながら、関数が私のクエリ形式と互換性がないように見えるため、このコードのアーキテクチャは私のクエリ...
から 2024-04-06 10:26:38
0
1
378
VueJS スケジューリング関数の実行順序により問題が発生する APIから取得したお知らせのリストをページに表示しようとしています。私は Vuex ストアを使用しており、アナウンスと呼ばれる状態があります。また、ユーザーがページを更新/入力する...
から 2024-04-06 10:37:58
0
1
385
乗算 (*) コマンドが計算されません アスタリスクが機能しません。calc() 関数を実行して乗算表記 (つまりアスタリスク) を実行すると、関数が機能しません。プログラミングを学習しているので、できるだけ早くこの問題...
から 2024-04-04 21:18:17
0
1
315
すべてを試しましたが、HTML コンテンツが表示されません 基本的に、HTML ドキュメントの内容はブラウザーには何も表示されません。私が作成したこの HTML ドキュメントは、別の HTML ファイルからリンクされています。この HTML...
から 2024-04-04 19:16:15
0
1
3496
表セルのコンテナが親セルの高さ全体を占めるようにしてください。 Flexboxを使用せずにコンテンツを垂直方向に整列させようとしています。このユースケースにはいくつかの問題があるため、垂直方向に整列されたテーブルでそれを行おうとしていますが、問...
から 2024-04-04 16:03:18
0
1
404
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート