IE8対応のボーダー半径処理方法
|
canisue (http://caniuse.com/#search=border-radius) によると、border-radius の互換性は次の図に示されています。
テストコード:
<!DOCTYPE html>
<html>
<ヘッド>
<メタ文字セット="UTF-8">
<meta http-equiv="X-UA-compatible" content="IE=edge,chrome=1">
<タイトル></タイトル>
<スタイル タイプ="text/css">
* {
マージン: 0;
パディング: 0;
}
#ヘッダー{
幅: 400ピクセル;
高さ: 400px;
マージン: 10px;
境界線の半径: 10px;
境界線: 1px 実線の赤;
}
</スタイル>
</head>
<本文>
<div id="ヘッダー">
</div>
</本文>
</html>IE8ブラウザの影響:
border-radius は IE8 ブラウザと互換性があります:
<!DOCTYPE html>
<html>
<ヘッド>
<メタ文字セット="UTF-8">
<meta http-equiv="X-UA-compatible" content="IE=edge,chrome=1">
<タイトル></タイトル>
<スタイル タイプ="text/css">
* {
マージン: 0;
パディング: 0;
}
#ヘッダー{
幅: 400ピクセル;
高さ: 400px;
マージン: 10px;
境界線の半径: 10px;
境界線: 1px 実線の赤;
/*キー属性の設定にはパスの設定が必要です*/
動作: url(PIE.htc);
}
</スタイル>
</head>
<本文>
<div id="ヘッダー">
</div>
</本文>
</html>IE8ブラウザでの効果:
PIE.HTC ダウンロード アドレス: http://css3pie.com/ PIE は次のような CSS3 プロパティを処理できます。
IE8: 互換性は主に次のとおりです。 (1) CSS3属性はサポートされていません。CSS3効果を実装するにはPIE.jsが使用されます。 （２）メディアクエリ 以上がこの記事の全内容です。皆様の勉強のお役に立てれば幸いです。また、123WORDPRESS.COM を応援していただければ幸いです。 |
<<: コンテンツタイプの説明、つまりHTTPリクエストヘッダーのタイプ
推薦する
MySQL操作テーブルでよく使われるSQLのまとめ
1. テーブル内のフィールドの種類を表示する テーブル名を記述する desc テーブル名 2. テー...
JSはクリックドロップ効果を実装します
jsはクリックとドロップの特殊効果を実現します。まずは効果画像を見てみましょうさっそく始めましょう。...
Alibaba Cloud によって追加されたセキュリティ グループ ポートと、追加後にアクセスできない問題のトラブルシューティング
目的： 1. Alibaba Cloud Serverを介してサーバーの外部ネットワークをマッピング...
Vueナンバープレート検索コンポーネントの使い方の詳しい説明
参考までに、シンプルなナンバープレート入力コンポーネント（vue）です。具体的な内容は次のとおりです...
MySQL でよく使われる型変換関数の概要 (推奨)
1. Concat関数。よく使用される接続文字列: concat 関数。たとえば、SQLクエリ条件...
表面的なウェブデザイン
<br />私はいつもYahooのウェブデザインが素晴らしいと信じてきました。しかし、こ...
まだ*を選択しますか?
アプリケーションが牛のように遅い理由は数多くあります。ネットワーク、システム アーキテクチャ、または...
複数の X 軸を使用して 7 日間の天気予報を実現するための Echarts サンプル コード
目次UIデザインEcharts の例の効果序文サンプルコード最終結果UIデザイン Echarts の...
Nginx コンテンツ キャッシュと共通パラメータ設定の詳細
使用シナリオ:プロジェクトのページでは、頻繁に変更されず、個別のカスタマイズも伴わない大量のデータを...
MySQL で MHA アーキテクチャのデプロイメントを構築する手順
目次マハ1. MAHアーキテクチャの概要2. 適用可能なシナリオ3. MHAの動作原理4. MHAの...
Vueはソースコード付きのリファレンスライブラリのメソッドを使用します
monaco-editor-vueの公式ソースコードは次のとおりです。インデックス 'mon...
Linux で rpm パッケージを見つけるために CD をマウントする方法
前面に書かれたLinux を使用する際にソフトウェアをインストールする必要がある場合があります。もち...
DockerとDocker-Composeの使用例
Docker は、アプリケーションをより速く配信するのに役立つオープンソースのコンテナ エンジンです...
Linux のネイティブ openjdk をアンインストールして sun jdk をインストールする方法
参照: https://www.jb51.net/article/112612.htmシステム内のJ...
純粋な CSS でカスタムラジオボタンとチェックボックス機能を実装する
1. 効果を達成する 2 知識ポイント2.1 <label> タグHTML では、<...