IE6、IE7、IE8 で CSS3 の丸い角と影のスタイルをサポートする

IE6、IE7、IE8 で CSS3 の丸い角と影のスタイルをサポートする
CSS3 の角丸や影の効果を使ったページを作りたいのですが、IE ブラウザでは対応していません。これを実現できるプラグインがあると聞きました。土曜日にインターネットで方法を見つけました。原文は以下のとおりです。
すべてのフロントエンド エンジニアは、IE6、IE7、IE8 が CSS3 プロパティをサポートしていないか、完全にサポートしていないことを知っています。
CSS3 には、丸い角、影、グラデーションの透明度、グラデーションの背景など、強力で美しい効果が数多くあります。
IE6 の時代には標準が存在せず、さまざまな理由から、IE6 ユーザーは IE のバージョンをほとんど更新しませんでした。
IE6、IE7、IE8 で CSS3 効果をサポートする 1 つの方法は、VML シミュレーションを使用することです。
VML は Vector Markup Language の略で、もともと Microsoft 自身によって開発された非常に強力な言語です。
つまり、VML を使用すると、IE で丸い角を作成できます。半透明、影、グラデーション背景。
昨年すでに、フロントエンドプログラマーによる開発を容易にするために、何人かの外国人がこのアイデアをプラグインに書き込んでいました。 。 。
IE6、IE7、IE8 で CSS3 特殊効果をサポートできるようになります...
以前からバグが深刻化していましたが、本日確認したところ公式がこのバグを修正し、js レンダリング方法を追加しました(以前はビヘイビアを使用してインポートされていました)。
 
通話方法はこちら:
1. Web ページに PIE.js スクリプトを読み込みます。
IE 以外のブラウザでのダウンロードを防ぐために、IE 固有のコメントが使用されていることに注意してください。
コードをコピー
コードは次のとおりです。
<!--[IE 10の場合]> <script type="text/javascript" src="PIE.js"></script> <![endif]--> 2. jsで呼び出します: $(関数() { if (window.PIE) { $('.rounded').each(function() { PIE.attach(これを); }); } });
3. 完了です。 IE6 で CSS3 をサポートできるようにするすべてのプラグインの中で、これはおそらく最高のものです。 公式リアルタイムテストの例: http://css3pie.com/ 公式ダウンロード: http://css3pie.com/download-latest 長い間テストしましたが、うまくいきませんでした。あまりにも不注意で、2 つの点を見落としていました。まず、ローカル プレビューが無効だったため、サーバー環境またはローカル サーバー環境に転送する必要がありました。次に、CSS に behavior: url(pie.htc); を追加するのを忘れていました。今日ようやくテストしてみましたが、新たな問題が発生しました。アダプティブ幅を使用していたのですが、追加したら水平スクロールバーが出てきました。削除したところ、他の状況では正常でした。また、テキストの影にも影響がないようです。このような問題に遭遇したことがあるでしょうか。使用したい場合は試してみてください。

<<:  TypeScript 列挙型

>>:  ユーザーがフォームを繰り返し送信するのを防ぐ方法の概要

推薦する

Vue v-onディレクティブの使用について

目次1. イベントのリスニング2. イベントパラメータを渡す3. イベント修飾子ケース1: クリック...

MySQLデータベースのトランザクションとインデックスの詳細な説明

目次1. 事務:取引の 4 つの主な特徴:同時トランザクションはどのような問題を引き起こしますか? ...

JS はシンプルな todoList (メモ帳) 効果を実装します

メモ帳プログラムは、HTML + CSS + JavaScript の 3 つの主要なフロントエンド...

CentOS 6.6 ソースコードのコンパイルと MySQL 5.7.18 のインストールチュートリアルの詳細な説明

1. ユーザーとグループを追加する1. mysqlユーザーグループを追加する # グループ追加mys...

Pure CSS と Flutter はそれぞれブリージング ライト効果を実現します (サンプル コード)

前回、非常に熱心なファンから、月を呼吸する光の効果にできるかどうか尋ねられました。月の大きさの写真が...

Linux で tcpdump コマンドを使用してデータ パケットをキャプチャおよび分析する方法の詳細な説明

序文tcpdump はよく知られたコマンドライン パケット分析ツールです。 tcpdump コマンド...

Ubuntu 18.04 で apt-get ソースを変更する方法

apt-get を使用してインストールすると、非常に遅くなります。国内のソースを変更すると、この問題...

vue.config.js からプロジェクト最適化までの vue2.x 構成

目次序文vue.config.js 構成オプションパッケージサイズを縮小するためのパッケージの最適化...

マスタークラスタに再参加する k8s ノードの実装

1. ノードを削除するkubectl delete node node01を実行します。 2. この...

Ubuntu システムにおける Mysql ERROR 1045 (28000): ユーザー root@localhost へのアクセスが拒否される問題の解決方法

最初の方法: skip-grant-tables: 非常に便利なmysql起動パラメータ非常に便利な...

IdeaはリモートDockerをデプロイし、ファイルを構成する

1. LinuxサーバーのDocker構成ファイルを変更する vim /usr/lib/system...

Vue コンポーネントでのアンチシェイクとスロットリングの使用例の分析

入力ボックスへのユーザー入力、ウィンドウのサイズ変更、スクロール、Intersection Obse...

MySQL 子テーブルで外部キー制約チェックを無効にする方法

準備する:教師テーブルと生徒テーブルを定義し、生徒テーブルで教師テーブルIDを参照します。テーブルt...

オンライン MYSQL 同期エラーのトラブルシューティング方法の概要 (必読)

序文フェイルオーバーが発生した後、よくある問題は同期エラーです。データベースが小さい場合は、ダンプし...

11 の素晴らしい JavaScript コード リファクタリングのベスト プラクティスの概要

目次1. 関数の抽出2. 重複した条件付きスニペットを結合する3. 条件分岐文を関数に抽出する4. ...