你不觉得navbar有很多优点吗？隐藏&去除blogspot的navbar的新旧方法

HATA最近把blogger上面的那条"横梁"给隐藏了。原因大家差不多，主要是觉得它把blog整体拉低了30px是件很不爽的事，其次是风格的问题，虽然css可以随意对navbar进行修改，不过横梁始终是横梁，整体感觉是不会变的。所以，要将其去除之。
下面一个是传统的硬方法：

#navbar-iframe {
height: 0px;visibility:hidden;//方法1
display:none;//方法2
}

不知道为什么这两个方法会在网上流传为合2为1的方法，HATA用其中一个已经可以见效了。可能是为了保险吧。。。出来的页面效果一样，navbar完完全全不见了，整体博客拉上30px。

但是，没有了横梁其实对于blog主来说是件很不方便的事情，虽然navbar为我们提供的只是紧紧的几个超链接，但是已经给我们的登录，post，修改布局带来了很多的捷便，还有"下一个博客"链接，HATA也是常常按的。navbar去除以后HATA就越来越怀念它了。
下面一个是普遍流传的隐藏方法，隐藏是firefox用户而说的，ie的话就同样是一去不复回：

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

通过控制alpha值，达到自动隐藏的效果，在firefox下把鼠标移动上去，narbar就会回来了。这个方法其实很好，就是那个30px的位置就浪费掉了。怀旧了这么久，终于要介绍HATA的方法了～ (/^0^)/
解决方法，下面HATA把自己的css也贴上：

#navbar{position:absolute;width:800px;}
//把navbar拉出来，然后修正宽度
#navbar-iframe{
opacity:0.0;filter:alpha(Opacity=0);
border-right-color:#000000; border-right-width:2px; border-right-style:solid;
//修饰轮廓
}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100,
FinishedOpacity=100);}
* html #navbar-iframe {display:none;}
//ie7以上把navbar除掉，blog主用ff的话加上

这个要解析一下，其实是上面方法的基础上加上3条语句，修正宽度是因为我在使用position:absolute;后navbar的宽度变短了而进行修正的；而修饰轮廓就是加上右边框而已，因为HATA用的navbar样式是黑色的那个，所以边框颜色是#000000，根据情况修改；最后一句，是只对ie使用，因为在ie上隐藏后鼠标移置该处无法再次显示，干脆就把它除掉。
怀旧信息很多，也有一点点个人的方法，希望对大家有帮助～

原创文章如转载，请注明：转载自HATA菜谱