CSS だけで IFrame 内の Div をスタイルできますか?

CSS を使用した iFrame 内の Div のスタイル: ジレンマ

ページ上の iframe 内にある div のスタイルは、CSS のみを使用して変更できますか?

問題

メインの HTML ドキュメントに適用される CSS スタイルが直接適用されないiframe 内にロードされた要素に影響します。これは、ブラウザのクロスドメイン リソース制限によるものです。 iframe は、そのコンテンツを効果的に分離し、フレームの生成元で許可されていない限り、外部アクセスを防ぎます。

解決策

残念ながら、CSS だけでは iframe の境界を突破して、埋め込まれた div のスタイルを変更することはできません。 iframe コンテンツにアクセスして変更するには、iframe 内にロードされるページを制御するという別のアプローチが必要です。クロスオリジン リソース共有 (CORS) やコンテンツ セキュリティ ポリシー (CSP) などの技術は、特定のドメインが iframe リソースにアクセスできるようにするメカニズムを提供します。このような権限が付与されると、JavaScript またはその他のクロスオリジン メッセージング メソッドを使用して、ネストされた div に CSS を適用できます。

以上がCSS だけで IFrame 内の Div をスタイルできますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。