找到版型語法失敗的原因~還是透明度搞鬼!

2008051416:09
蒐集:問題&解答   2008/03/21 14:47
 

由於tina的版型語法對某些格友會失敗,因此我發表一篇奇摩部落格css語法的靈異不解現象求救,感謝格友回應告知提醒tina在進階部份有調整透明度會讓版型語法失敗, 想想奇摩部落格本身程式所附透明度控制, 本來就對firefox無效,也就是說為何ie看不到我語法的側欄框框, 用firefox瀏覽卻看到側欄框框?!

依然是透明度搞鬼,大家有所不知用奇摩部落格進階樣式手調透明度,用firefox來看是全破功的 !  你以為設透明都看不到的卻在firefox通通跑出來了!

有這些問題的格友們原來都有手調欄位透明度才會讓我的語法失敗 !

 

如下: 在管理部落格/面板設定/進階樣式  箭頭所指之處應該要100 完全不透明才ok !

css語法 : opacity:透明度; 

語法是以opacity開頭, 加上冒號(:)再接上代表透明度的數值,

最後再加上分號(;)結束。

 

如 opacity:0.7; 透明度由0到1, 0為全透明, 1為全不透明。

而這個語法在ie 6.x不支援這個屬性, 而firefox才有支援,

因此在目前奇摩部落格語法限制必須是ie和firefox都要看得懂的。

filter:alpha(opacity=100); -->用在IE瀏覽器

opacity:1.0; moz-opacity:1.0; --> 用在FIREFOX瀏覽器

 

{filter:alpha(opacity=100); opacity:1.0; moz-opacity:1.0;}

二者不可省略否則出現二種瀏覽器看到不同景像的靈異現象。

 

tina也找到語法來控制,也會在每篇版型語法一一修正補上。

 

建議大家要用tina的語法要貼在自定樣式前, 最好先備份自己原先語法,

再用奇摩部落格提供樣式中/簡單/選最後一款,

讓語法全回到簡單預設狀況比較不會有問題。

 

以下是大家用我的語法會失敗只要加上這些就可以控制 :

/*側欄框要顯示 2008.03.21*/
.yc3subbd .rctop,.yc3subbd .rctop div,.yc3subbd .rcl,.yc3subbd .rcr,.yc3subbd .rcbtm,.yc3subbd .rcbtm div, .yc3sec .rctop,.yc3sec .rctop div,.yc3sec .rcl,.yc3sec .rcr,.yc3sec .rcbtm,.yc3sec .rcbtm div {filter:alpha(opacity=100); opacity:1.0; moz-opacity:1.0;}


/*最上方圖片要清楚 2008.03.21*/
#yhtw_masthead{filter:alpha(opacity=100); opacity:1.0; moz-opacity:1.0;}

 


本文出自 Tina~小小世界  http://tw.myblog.yahoo.com/tina88888888-babytony/