クライアントのWebサイトで使用しているjs/html / cssウィジェットがあり、一部のサイトで気づきました。ページのcssがカスケードされ、レイアウトをいじっているため、表示がうまくいきません。 Webサイトには、ページ上のすべてのdivに適用されるCSSの束などがあります。
侵襲的なCSSがレイアウトを混乱させないように、ウィジェットのコンテナーにスタイルを適用する簡単な方法はありますか？
このシナリオをどのように処理しますか？
ありがとう、
質問する
170 次
3 に答える
1
これは一般的な問題です。私が使用しているのはこれです：https ：//github.com/premasagar/cleanslate
一般的なcssリセットスタイルシートでは不十分です。それらはブラウザのデフォルトスタイルをリセット/正規化します。彼らは作者によって作成されたものをクリアしません。
また、同じ作者https://github.com/premasagar/sqwidgetによって-cssのリセットに加えていくつかの重要なことを処理します。
私がそれに取り組んでいる間、Olarkのチームからの別のものがあります：https ：//github.com/olark/lightningjsこれは前のものと似ていますが、いくつかの機能が追加されているため、より複雑です。私はこれを使ったことがありません。
于 2012-11-08T02:07:26.090 に答える
0
ShadowDOMを見ることができます。それはあなたのようなウィジェットに最適です。Shadow DOMは、親WebページがウィジェットのDOMにアクセスすることを許可せず、CSSルールはウィジェットに到達できません。
于 2012-08-16T12:39:28.280 に答える
0
自分でホストするIframeにウィジェットを配置します。これで問題は解決します。埋め込み可能なiframeのコードをクライアントに提供できます。
これが、大規模なサイト、Twitter、Facebookがウィジェットにiframeを使用する理由の1つです。
于 2012-08-16T12:45:14.273 に答える