タグ付けされた質問 「shadow-dom」


1
ShadyCSSポリフィルがEdgeでCSSを適切に処理しない
サードパーティのWebサイト用のウィジェットを構築しています。シャドウDOMを使用して、CSSが私たちのWebサイトに干渉しないようにしています。私が使用していますShadyDOMとShadyCSSそれがエッジで動作させるためpolyfillsをし、IEが、私が期待するように、影のDOMのためのCSSを変換されていません。 例: <!DOCTYPE html> <html> <head> <title>Shadow DOM test</title> </head> <body> <div id="container">container is here</div> <script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/2.3.0/webcomponents-bundle.js"></script> <script> const shadow = document.getElementById("container").attachShadow({ mode: "open" }); const style = document.createElement("style"); style.innerHTML = ` :host .stuff { background: #ff00ff; } `; shadow.appendChild(style); const div = document.createElement("div"); div.classList.add("stuff"); div.innerHTML = "stuff inside shadow …
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.