適用するCSSを制限する

Question

私のプロジェクトはAngularJSで、私のプロジェクトには、外部のメールがメールアプリケーションからプレビューできる機能があります。今、私はこのメールをプレビューするためにiFrameを使用しています。しかし、クロムブラウザを更新した後、ページはiFrameのためにあまりにも多く点滅していて、iFrameが非推奨になったためこのiFrameも削除したいと考えています。

しかし、iFrameを削除した後に問題が1つあります。私の外部のメールには、CSSも入っています。今私はiFrameの代わりにDIVを使用する場合、CSSはテンプレートにも適用され、テンプレートのデザインを変更します。

ですから、iFrameの代替手段を教えてください。

Answer 1

説明した動作が必要です。 CSSの分離のための唯一の本当の代替手段は、ブラウザのサポートが貧弱ですが、シャドーDOMを使用することです。