Blogger:自动隐藏搜索栏（Navbar）

貌似在IE中只能隐藏。CSS标准不统一，FF下一切正常。


以前也介绍过一个简单隐藏Navbar的方法，但那种方法会完全去除Navbar，即使我们需要的时候。现在我们可以让它在鼠标移动到上面的时候显示出来。其它时候会自动隐藏，用了一个滤镜。添加下面的CSS：


#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

把这些代码放在

body {
background:$bgcolor;

之上即可。