#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也不曉得是什麼意思.....
沒有留言:
張貼留言