有使用自定樣式透明度語法的朋友, 有用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;}
#yblogtitle .mbd,#yblogtitle .mft{background: url() no-repeat;}
如上我加上段語法, 總算在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;}
#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}