Oct 26, 2009
ツリー型タブのタブバーの背景を透明にしたい（How to make the tab bar transparent?）
- Q
In Tree Style Tab extension, would it be possible to make the background (dark gray blank area) display an image? Maybe with a userstyle or script...
ツリー型タブで、タブの背景（暗いグレーの空白の領域）に画像を表示できませんか？ ユーザースタイルシートかスクリプトを使えばできると思うんですが……
- A
On Firefox 3.6, you'll be able to make the background color of the tabbar transparent, like following CSS in the userChrome.css:
tabbrowser[treestyletab-style][treestyletab-mode] .tabs-stack, tabbrowser[treestyletab-style][treestyletab-mode] .tabbrowser-tabs, tabbrowser[treestyletab-style][treestyletab-tabbar-position] .tabbrowser-tabs { background: transparent !important; }On Firefox 4:
:root[treestyletab-style][treestyletab-tabbar-position] #appcontent, :root[treestyletab-style][treestyletab-tabbar-position] tabbrowser, :root[treestyletab-style][treestyletab-tabbar-position] .tabbrowser-strip { background: transparent !important; }Another way, you can get transparent tab bar with a secret preference "extensions.treestyletab.tabbar.style.aero". Go to "about:config" and turn it to "true".
上記のようなCSSをuserChrome.cssに書くと、タブバーの背景色を透明にできます。1つ目はFirefox 3.6用、2つ目はFirefox 4用の指定です。
また別の方法として、隠し設定「extensions.treestyletab.tabbar.style.aero」でもタブバーを透明にできます。「about:config」を開いて、この設定の値を「true」に変更して下さい。
wikieditish message: Ready to edit this entry.