作者szany (yz fans)
看板Blog
標題[分享] BLogger.com Navbar
時間Thu Nov 2 12:10:54 2006
用法:
在css語法中, body {▽■╳} 之前加上:
#navbar-iframe
{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover
{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
搞定!
可以讓Navbar 藏在上頭看不到,只有滑鼠移過去的時候,才會出現。
接著找到包住整個頁面的div調整高度,以我目前使用的樣式是:
#outer-wrapper { margin: -20px auto;}
這樣,就不會嫌Navbar礙眼囉
Blogger Beta 使用正常 ^__^
原文出處:
http://bloggeratto.blogspot.com/2006/05/hovering-peek-boo-blogger-navbar.html
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 59.105.88.213
推 Iam543:推:) 11/02 12:52
推 szany:我發現在ie下頭,整個變透明耶 XD 在Fx底下倒是正常 11/02 14:00
推 szany:原來網頁上有寫 ie7才正常,ie6功力不足呢 11/02 21:42
推 szany:blogger 3.0 跟 2.0 是什麼鬼? 11/02 23:34
推 chagg:在IE6跟Opera好像都沒有效果 11/03 00:12
→ ithinkurdumb:奇怪, filter IE6應該有支援啊 11/03 01:46
→ shenez:進去搜尋 "Blogger version 3.0" 11/03 02:08
推 ringyoung200:FIREFOX正常,IE跟PCMAN不行,會整個隱藏。 11/03 17:14