Pages

熱門文章

2007年5月30日

blogger中自動隱藏 / 顯示的Navbar

只要將下面程式碼放置於blogger修改html範本的CSS設定部分任一地方

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

設定完成之後
blogger上方的Navbar將會在滑鼠移過去之後才會顯示,移開則自動隱藏

在FireFox看是可以正常運作
使用IE 6.0看則是完全無法顯示,因為IE對於hover的語法支援只限定於a的連結標籤
(不過滑鼠移到有連結的地方還是會有手指出來)

此教學是從羊男實驗の咖啡館找到的

------------------------------------CSS語法說明分隔線------------------------------------

#navbar-iframe為上方navbar iframe的id名稱

第一段的opacity:0.0是針對FireFox所支援的語法
單位是0~1之間的值 0.0就是完全透明 1.0則是完全不透明
filter:alpha(Opacity=0)則是針對IE支援的語法
單位是以百分比來計算 0是完全透明 100則是完全不透明

第二段多了一個:hover則是滑鼠移到此欄上面的狀態,在此是設定完全不透明
而後面的FinishedOpacity=100也不曉得是什麼意思.....

沒有留言:

張貼留言