GitHubGreasemonkeyは各サイトでユーザースクリプトを実行できて便利ですが、ある要素を挿入したときにそれがサイトに元々書いてあるCSSの影響を受けてしまうことがあります。一つのサイトならまだしもhttp*で動くようなものだと対応仕切れないのでiframeを使いサイトに書いてあるCSSの影響を受けないパネルを作る。iframeの中はそのサイトにあるCSSの影響を受けないので、iframe内にGreasemonkeyで表示したいものを置けば影響を受けないものが作成できる。makeFrameというのが今回の主題。"Frame1ですね。"Frame2ですよ。debugモード])という引数なので、gotFrame1という関数(callback)を引数にしてmakeFrameを読んでいる。iframeのdocument)が入ってるいるので、iframeのstyleをいじればパネルの色やサイズ、表示する場所などを指定できる。上記のソースだと左下にframe1、右下にframe2が表示できる。*パネルを閉じるボタンの追加それぞれのパネル右上に表示されているxボタンは、パネルを閉じるボタンとして機能している。innerHTMLが+になってるのはiframe内にxボタンを追加しているため。Flashより上部に表示パネルなのでFlashがあってもその上に表示できるようにした方が動作的にはいいと思うのでCSSを少し修正した。なんとなく目記を見るといい。Firefox3.6では挙動が変わったので注意。auto;”とした要素であり、以下の条件を満たす必要がある。背景色を無指定にしない)CSS3?(-moz-)系のstyleを使わない。(-moz-box-shadowなどは陰の部分だけFlashより後ろに表示されてしまう角丸border-radiusなどは要素に適応されるので要素全体がFlashより後ろに表示される。http://userscripts.org/scripts/show/72319を作ってみた。タグ:cssGreasemonkeyUIニコニコ動画ポップアップお知らせ欄JavaScriptに関する最新情報は週一でJSer.infoを更新しています。efcl/efcl.github.ioからご意見下さい関連記事コメントを。