• ベストアンサー

FirefoxのCSSで勉強がてら広告ブロックをしているのですが、Pe

FirefoxのCSSで勉強がてら広告ブロックをしているのですが、Personas for Firefoxで表示される「Personasへようこそ」部分が消せません。 element.style { display:block; } Firebug上で、display:noneにすると消えるため場所は間違いないとは思うのですが、どのように記述したら良いのか宜しくお願い致します。よければ、ドメイン指定から記述して頂けると勉強になります。

質問者が選んだベストアンサー

  • ベストアンサー
  • neddoheny
  • ベストアンサー率60% (921/1528)
回答No.1

>「Personasへようこそ」部分が消せません。 どのコンテンツのことを言ってるのかわかりにくいです。 ↓の添付画像の水色の部分のことかな?。 一応そうだとして、 /*ウェルカムメッセージを非表示にする*/ @-moz-document domain("getpersonas.com") { #welcome-message { display: none !important; } } で、消せるけど。

bobo2
質問者

お礼

分かり難いのに、理解していただきありがとうございました。 結果、成功しました。 実は、全く同じものも試していたのです。 他の方で消えるならと、こちらの成功例をそのまま、追加しても消えず。 そこで、一度userContent.cssを最初の状態に戻し、これだけを打ち込みやっと消えるようになりました。 どうして、消えなかったのかは分かりませんが、しっかり上書きされていなかったのかもしれません。 でも、本当にありがとうございました。勉強になりました。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • FireFoxでのブロック表示・非表示制御

    DIVタグで囲んだ各ブロックの表示・非表示をJavascriptで動的に制御したく、下記のソースの通りJavascriptで表示の切り替え処理を記述したところ、IE6.0では動作しましたが、FireFox2.0では切り替えリンクをクリックしても無反応の状態となってしまいました。 FireFoxのJavascript互換について経験不足のため原因がつかめず困っております。 FireFoxでも動作可能となるには、どのような記述をすればよろしいでしょうか。もしご存知の方がおられましたら宜しくお願い致します。 *** Javascriptソース ****************** function showArea(areaId){ A.style.display="none"; B.style.display="none"; C.style.display="none"; areaId.style.display="block"; } *** ブロック切り替え用リンク ****************** <a href="javascript:showArea(A)">Aブロック</a> <a href="javascript:showArea(B)">Bブロック</a> <a href="javascript:showArea(C)">Cブロック</a> *** 表示用ブロック ****************** <div id="A"> Aブロックの記述内容 </div> <div id="B"> Bブロックの記述内容 </div> <div id="C"> Cブロックの記述内容 </div>

  • firefoxだけ、javascriptが思うように動作しません。

    firefoxだけ、javascriptが思うように動作しません。 下記、html記述です。 <a href="javascript:void(0);" onclick="show1()">tab1</a> <a href="javascript:void(0);" onclick="show2()">tab2</a> <a href="javascript:void(0);" onclick="show3()">tab3</a> <div id="page1">page1</div> <div id="page2">page2</div> <div id="page3">page3</div> 下記、javascript記述です。 function show1(){ page1.style.display="block"; page2.style.display="none"; page3.style.display="none"; } function show2(){ page1.style.display="none"; page2.style.display="block"; page3.style.display="none"; } function show3(){ page1.style.display="none"; page2.style.display="none"; page3.style.display="block"; } tab1をクリックすると、page1のみ表示 tab2をクリックすると、page2のみ… という風に動作させたいです。 IE、opera、chromeでは動作しますが、 firefoxだけ全く動作しません。 どのように修正すれば動くようになるでしょうか? javascriptについては初心者なので、 基本的なところから間違っているのかもしれませんが、 ご回答よろしくお願いします。

  • Firefox Stylish 1.2.4のCSS

    Firefox Stylish 1.2.4のCSSを記入するテキストエリアが表示されません。 理由は、 iframe{ display:none !important;} 自体を指定している為だと思いますが、毎回無効化すると表示されるので・・・ (前バージョンのStylish 1.2.3までは有効でも表示されていましたので、 今バージョンでiframeを採用したのでしょうか?・・・) それで、 解決方法をしては、Stylish自身を例外指定とすれば良いのですが、 iframe{ display:none !important;} @-moz-document ○○○○ { iframe:not([style*="display:"]){ display:inline !important;} } この ○○○○ 部分のセレクタが分かりません・・・ または、その他のセレクタでもOKです。  ご教授下さい。

  • cssでdisplay:noneを指定した時のプルダウンメニュー

    こんにちは、JavaScriptでプルダウンメニューを作ろうとして cssで予めdisplay:none;を指定したところ、 メニューがクリックしても開かなくなってしまいました。 html、css、JavaScriptの記述は以下の通りです。 html --------------------------------------- <span onclick="PullDown('term1')">クリック</span> <div id="term1"> <ul> <li>***********</li> <li>***********</li> </ul> </div> ----------------------------- css ------------------------------ div#term1 { display: none; } ------------------------------- JavaScript ------------------------------- function PullDown(id){ if(document.getElementById(id).style.display == 'none') document.getElementById(id).style.display=''; else document.getElementById(id).style.display='none'; } --------------------------------- cssの記述部分を無くすとちゃんと開いたり閉じたりと動作します。 また、 function Init(){ document.getElementById("term1").style.display="none"; } とJavaScriptで書いて、 bodyタグの所で <body onload="Init()">として呼び出してロード時に隠すようにするとちゃんと開閉してくれます。 cssでdisplay:none;と書くと動かなくなる理由と、 対策が分かる方居ましたら教えてください。

  • firefoxのタブファビコンを消した時の点線表示

    firefoxのタブにファビコンがあると思いますが、高速化するためにファビコンを非表示にしました。 すると、その代わりに四角い点線枠が出てきました。(下図) この点線枠がなければタブの文章がもっと表示されてわかりやすくなると思うのですが、この点線枠を非表示にする方法がわかりません。 アドオンを入れると重くなるので、アドオンはgoogle translator for firefoxしか入れていません。 ほかの設定はすべてuserChrome.cssとuserContent.cssによって行っているので、できればスタイルシートでなんとかしたいです。 ちなみに、読み込み中のアイコン(ぐるぐるしてるやつ)は以下のような記述をuserChrome.cssに書いたことで非表示にできました。 .tab-throbber { display: none !important; } たくさん調べましたがわからなかったので、皆さんのお知恵を拝借したいです。 わかる方回答よろしくお願いいたします。

  • 一部のjavascriptがfirefoxで効かない

    ホームページのコーディングをしている者ですが、一部のjavascriptがfirefoxで効きません。 クリックした際にサブメニューを表示させていのですが、firefoxだとクリックしてもサブメニューが表示されません。 (IE、safariは正常に表示されます) どなたか下記ソースでの間違えをご教授いただけますでしょうか。 よろしくお願いします。 【jsファイルの記述】 function dispChange(id) { if(id.style.display=="none"){ id.style.display="block"; } else{ id.style.display="none"; } } 【htmlファイルの記述】 <div id="sublist"><a href="JavaScript:dispChange(movieSub)">&gt;&gt;test</a> <div id="movieSub" STYLE="display:none"> <div class="SubSub">├<a href="#">test</a></div> <div class="SubSub">├<a href="#">test</a></div> <div class="SubSub">└<a href="#">test</a></div> </div> </div>

  • FireFoxだけちゃんとうごいてくれないです

    いつもお世話になっています。 Javascriptでメニューを閉じたり開いたりさせたくて難儀してます。 <script type="text/javascript"> <!-- // ツリーメニュー flag = false; function treeMenu(tName) { tMenu = document.all[tName].style; if(tMenu.display == 'none') tMenu.display = "block"; else tMenu.display = "none"; } //--> </SCRIPT> <li class="li> <a href="javaScript:treeMenu('treeMenu')">メニュー</a> </li> <DIV id="treeMenu" style="display:none"> <li class="li_sub"> <a href="index.html"> 小メニュー1 </A> </li> <li class="li_sub"> <a href="index.html"> 小メニュー2 </A> </li> </DIV> こんな感じでクリックすると小メニューが出てさらにクリックで非表示になるようにしています。 IE8やGoogleChromeですとうまくいきます。 (Safariではまだ試していません。) が・・・ FireFox3ではウンともスンともいいません。 記述自体がFirefox3では受け付けないのでしょうか? 根本的に考え方が違うぞ!とか そういったご意見でもかまいません。 どうかお助けください。 よろしくお願いいたします。

  • ブロック要素の幅を中身の幅に合わせるには?

    CSSの記述に関してわからないことがあります。 ブロック要素の幅をブロック要素の中身の幅に合わせて自動的に変わるようにしたいのですが、CSSでそのような設定をすることは可能なのでしょうか? table要素を使えば可能なのは知っていますが、divのような他のブロック要素でも、CSSの設定を行えば可能なのでしょうか? 少し調べたところ、Firefoxの場合は display: table; とすればよいようなのですが、IE6では正しく表示できませんでした。他の手段はないのでしょうか? よろしくお願いします。

    • ベストアンサー
    • CSS
  • Firefoxのタブバー

    Firefoxのタブバーを非表示にしたい。 検索して、userChrome.cssで「.tabbrowser-strip { display: none !important;} 」としましたが、消せませんでした。 どうすれば消せますか。

  • firefox でjavascript が無効

    下記のようにjavascriptで場面の切り替えを行ったのですが、firefox 3.6で見ると切り替え表示されません。他にlightbox やjquery-1.4.4.min.js などを使用していますが、取り除いて試したところやはり無効です。IEでは正常に機能します。なにかよい方法はないでしょうか? <script> function show1(){ content1.style.display="block"; content2.style.display="none"; } function show2(){ content1.style.display="none"; content2.style.display="block"; } </script> <style> #content1 { display:none; } #content2 { display:none; } </style> <ul class="u2" id="menu2"> <li><span onclick="show1();"><img src="images/menu1.jpg" alt="" border="0" /></span></li> <li><span onclick="show2();"><img src="images/menu2.jpg" alt="" border="0" /></span></li> </ul> <div id="content1"> aaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>  <div id="content2"> bbbbbbbbbbbbbbbbbbbbbbbbbb</div>