Firefox 瀏覽器看奇摩BLOG的透明度問題(已解決了^^)

2008051416:37
蒐集:問題&解答    2007/11/24 18:22

有使用自定樣式透明度語法的朋友, 有用Mozilla Firefox來看嗎? !

TINA是上個月開始才研究CSS語法, 那時心中就有這個大問題!

如下, 這是用 Firefox的畫面, 能看嗎 ?! 

 而我因為用了韓網大頭熊熊動畫背景, 有不少BLOG朋友想要用,

 因此才有會BLOG背景主題, 再來BLOG標題..

 我在文章也一直註明.....

由於語法有用到透明度目前奇摩部落格只能適用於IE瀏覽器, 用Mozilla Firefox來看會破功啊 ! 想哭...』

 終於, 在《 晨曦婆婆 》的 使用Firefox 瀏覽器時的透明版面 文章, 看到我的答案 !

/*文章內文背景圖*/
.yc3pribd .mbd, .yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfotable, #yusrintro p{background: url() no-repeat;}

/*Main content header*文章標題背景圖/
.yc3pribd .mhd{ background:url() repeat; color:#333;}

/*左右欄位內容底圖*/
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{background: url() no-repeat;}

/*Nav module header*左右欄位標題底圖/
.yc3sec .mhd, .yc3subbd .mhd{ background:url() repeat; color:#333;}

/*部落格最上方控制列背景圖及文字顏色(置頂區)*/
#yhtw_masthead{background: url() no-repeat;}

/*部落格底圖*/
#yblogtitle .mbd,#yblogtitle .mft{background: url() no-repeat;}

/*招呼語底圖*/  
#yblast .bg {background: url() no-repeat;}





  真的,答案有點來得晚了, 因為我已發表了 35篇blog標題了, 實在無法全部修正數百個懶人語法啊 !!
  只好請大家有使用我做的懶人用BLOG標題語法的朋友, 請自行在自定樣式後方加上以下這段語法 !!
 
  /*使用Firefox 瀏覽器時的透明語法_標題*/
#yblogtitle .mbd,#yblogtitle .mft{background: url() no-repeat;}
 
 
 
    接下來是如何解決BLOG大背景的框線問題, 這次我要請大家給TINA答案 !!


  如上我加上段語法, 總算在Firefox看是變透明了, 但是有框線啊 ?! 
 
 

在《 晨曦婆婆 》的 使用Firefox 瀏覽器時的透明版面 文章有提供以下無框線語法,

但它是全部都會變沒有框線 !!


/*shared rounded corner for all modules無框線語法*/
.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:url() left top no-repeat;margin-right:5px;}
.ycntmod .rctop div {background:url() right top no-repeat;height:5px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcbtm {zoom:1;background:url() left bottom no-repeat;margin-right:5px;}
.ycntmod .rcbtm div {background:url() right bottom no-repeat;height:5px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcl {padding-left:5px;background:url() repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:5px;background:url() right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}

 
  天啊 ! 真想知道正確語法啊 !請高手幫幫我吧 !
  如何只去除標題blogtilte 的框線  ?! 知道的朋友請告知tina!!
 
 
後記:2007.11.25
 
早上又努力找答案, 真的找到了, 真是太好了 !
感謝 ﹡° 晴天の創意小屋 ° ﹡  CSS語法 ღ 隱藏主標題橫幅の框線°
這下子都不用怕用Firefox 瀏覽器看奇摩BLOG的透明度問題了 !
 
在此再說明已用我BLOG大背景懶人語法的朋友, 請在自定樣式後面加上下列語法:
 
 /*使用Firefox 瀏覽器時的透明語法_標題*/
#yblogtitle .mbd,#yblogtitle .mft{background: url() no-repeat;}

/*隱藏主標題框線*/
#yblogtitle .rctop{background:url() left top no-repeat;margin-right:0px}
#yblogtitle .rctop div{background:url() right top no-repeat;height:20px;right:-0px}
#yblogtitle .rcl{background:url() repeat-y}
#yblogtitle .rcr{background:url() right repeat-y}
#yblogtitle .rcbtm {zoom:1;background:url() left bottom no-repeat;margin-right:0px}
#yblogtitle .rcbtm div {background:url() right bottom no-repeat;height:20px;right:-0px}