IE7 および IE8 でカラー ボックス シャドウを実装するにはどうすればよいですか?

DDD
リリース: 2024-11-06 18:34:03
オリジナル
858 人が閲覧しました

How to Implement Colored Box Shadows in IE7 and IE8?

IE7 および IE8 のボックス シャドウ: シャドウのジレンマの解決

IE7 および IE8 でのボックス シャドウの実装は、IE7 および IE8 にとって永続的な課題であることが判明しています。開発者。ここでは、参照されている CSS コードの分析と、これらのレガシー ブラウザでカラー ボックス シャドウを有効にする実証済みのソリューションを示します。

提供された CSS は、CSS3 ボックスを含むさまざまなベンダー プレフィックスを使用して div にボックス シャドウを適用しようとします。 IE のシャドウ プロパティと HTC の動作。ただし、問題は解決しません。IE7 および IE8 では黒い影のみがレンダリングされます。

この問題を解決するには、CSS3 PIE の採用を検討してください。このブラウザ拡張機能は、ボックス シャドウ (inset キーワードを除く) を含む、古いバージョンの IE の CSS3 プロパティをエミュレートします。

CSS3 PIE の使用方法:

  1. 公式 Web サイト (https://css3pie.com) から CSS3 PIE をダウンロードします。
  2. PIE.htc ファイルを抽出し、CSS ファイルからアクセスできるディレクトリに配置します。
  3. CSS ファイルに次のコードを含めます:
@import url("PIE.htc");
ログイン後にコピー

これにより、PIE が IE7 および IE8 の box-shadow プロパティを解析してエミュレートできるようになります。

利点CSS3 PIE の:

  • ボックスシャドウを含むさまざまな CSS3 プロパティをエミュレートします。
  • 軽量で実装が簡単です。
  • 古いバージョンでのブラウザ間の互換性

CSS3 PIE を使用すると、IE7 および IE8 でカラー ボックスのシャドウを簡単に実装でき、追加の div や複雑なハックに頼ることなく、Web アプリケーションの視覚的な魅力を高めることができます。

以上がIE7 および IE8 でカラー ボックス シャドウを実装するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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