Yahoo 知識+ 將於 2021 年 5 月 4 日 (美國東岸時間) 停止服務,而 Yahoo 知識+ 網站現已轉為僅限瀏覽模式。其他 Yahoo 資產或服務,或你的 Yahoo 帳戶將不會有任何變更。你可以在此服務中心網頁進一步了解 Yahoo 知識+ 停止服務的事宜,以及了解如何下載你的資料。

Sphinx
Lv 5
Sphinx 發問於 電腦與網際網路程式設計 · 1 十年前

為和照片增加內文底色就不能變透明呢?

請教各位語法達人,因為我不喜歡框框,所以我到"面板設定"-"進階樣式"裏把欄位底色,內文底色全都設透明,這樣一來,就只顯現背景,很有一致感.但是不知為何,如果內文的照片少於7張,就沒問題,但是如果照片多一點,8張以上,就會出現很醜的內文框框.

請移駕到我的部落格,可能會更清楚我的問題:

像這一篇:

http://tw.myblog.yahoo.com/happy-monsters/article?...

照片只有5張,內文底色就會變透明,而出現自己設定的星星背景.沒問題.

但是像這一篇:

http://tw.myblog.yahoo.com/happy-monsters/article?...

照片放了12張,內文底色就不能變透明,星星背景無法出現而被很醜的框框擋住.我只好把它改成黑色底,比較不那麼醒目.

我也試過用語法:

ycntmod .rcl 把內文底色背景換成和自己設定的背景一樣,但是也無效.

我對語法一竅不通,只會一些基本的,光是弄這個問題花了好幾天也毫無頭緒,好浪費時間.還請各位語法達人救救我,奉上20點,感激不盡.

圖片參考:http://tw.yimg.com/i/tw/ugc/rte/smiley_36.gif

正逢新年,並祝您新年快樂,事事順利.

圖片參考:http://tw.yimg.com/i/tw/ugc/rte/smiley_1.gif

更新:

對不起,標題是:

為"何"照片增加,內文底色就不能變透明?

打太快,沒發現錯字,抱歉!

更新 2:

放照片多過7~8張不但內文底色無法透明,要是把這篇文章放在首頁,還會和下面其他文章重疊,變得非常混亂,害我都不敢把太多照片的文章放在首頁.@@

更新 3:

請看清楚題目,我不是要把圖片的底色變透明,而是要把內文底色變透明.要是要修gif,我自己用photoshop修就好了,也不用來這裡發問了.

還有,謝絕廣告!!

更新 4:

大感謝car大大,用了您提供的第一個語法,終於把我常年的噩夢-那個噁心的內文底色去掉了!!1但是透明度只有70%,文章的框框也還在,而且文章也重疊在一起.

所以我又加了您提供的第二段語法,這一來,果然把文章底色完全去掉了完全透明了!!!耶!!Hallelujah!!!但是仔細一看,內文的框框還在,而且再重download一次的話,文章又和下面的文章重疊一起了!!喔!到底是怎麼一回事??

更新 5:

對了,還要請教car大大,在您的電腦所顯示的我的部落格是否和我的電腦一樣,內文底色無法透明,意見欄的"Linda路過O.O~發現很多發問者都不看意見欄 "大大的電腦看起來都正常耶.

更新 6:

我說的框框是指內文欄外面那四邊都有的細細的框線.

文章重疊是指置頂文章和下面其他文章重疊.

如果有不清楚的地方,請告訴我,我再補充,大感激!!(泣)

更新 7:

超感謝CAR大大!!用了您的語法後,終於去掉那框線了!原來您也看不到我的問題,還能解決,真是太神!!(膜拜~~)但是為什麼您和意見欄的LINDA大大一樣都看不到我的問題?難道大家的電腦都正常顯示,只有我和我妹的有問題嗎(她有2台)?

我用的是新版IE7喔!可是還是這樣耶!

但是文章重疊的問題還在~~(泣~~)

我最開始是用奇摩提供的版面,後來又到"進階樣式"把內文底色改透明,這時都沒問題,文章也不會重覆.

後來我自己到"自訂樣式"去改背景及標題圖等語法後.長篇(照片超過7張)的文章要是放在置頂文章,就會和下面的文章重疊.

更新 8:

但是也不是每次download我的網頁都會重疊,有時也會像您的電腦所顯示的一樣沒問題.

我在猜是不是我自己亂寫亂抄語法,寫的不三不四,所以電腦讀取後也發瘋了?@@所以文章才有時重疊,有時又不會重疊?

還請您幫我看看.大感激.(膜拜~~)

更新 9:

大感謝Car大大,我聽您的話,把

.ycntmod .rcl {padding-left:0px;background:url(http://i240.photobucket.com/albums/ff40/tina888888... outset #1B458E;}上次加ㄉ

.ycntmod .rcl {border:none;}都刪除,但是置頂文章還是會和下面文章重複ㄋ.(泣~~)

而且重疊的現象是很隨機的,有時downloand我的首頁,文章也不一定會重疊但再重load一,兩次,就會有重疊的現象發生.

更新 10:

重疊的情形也不是每次都一樣,有時是從文章一開始就和下面文章重疊,有時是從文章中間的部分才開始和下一篇文章重疊.反正很不穩定就是了.

謝謝您!Lina也很感謝Car大大花那麼多時間和功夫幫忙,讓她的銀河系一直都能星光燦爛,不會被像宇宙黑洞般的內文底色擋住星光.

但是現在文章重疊的問題弄來弄去都搞不定,都怪媽媽不會語法,還亂抄亂寫,害Car大大花那麼多時間,真拍謝~但是到底該怎麼辦才好呢~(泣~~)

更新 11:

我打電話給我妹,原來我妹兩台電腦,顯示我的部落格有問題的是那台手提的(laptop computer).她另外那台非手提的電腦和您的電腦一樣,也看不到我的問題.

而我的電腦也是手提的.

您的電腦也不是手提的吧!是不是因此才看不到我的部落格的顯示問題.

會不會是手提電腦才會有顯示問題??

對不起,一直纏著您,問東問西的.

更新 12:

感謝car大大,我照您的話那三個csss刪掉,(但是我找不到第二個,@@)之後還是不行,(泣~~)

我就照您說的只留下想加的部分,語法也不通,弄了好久,但是這下更慘.

更新 13:

請問開頭的a, a:link, a:visited{color:#1A52B1;}a:hover{color:#6592DE;}#yhtXw_masthead{color:#A8C2FD;background:#0C111C;filter:alpha(opacity=50);opacity:0.50;}#yhtXw_masthead a, #yhtXw_masthead a:link, #yhtXw_masthead a:visited, #yhtXw_masthead a:hover{color:#fff;}

是什麼東東,不能刪嗎?為何刪了情況更糟?

更新 14:

我在整理語法時發現我有重複兩個招呼語圖:

更新 15:

#yblast{text-align:left;}#yblast .bg{background-image:url(http://img218.imageshack.us/img218/7453/63805en.gi... .text{color:#2d328d;}.

更新 16:

另一個是:

#yblast .bg {background:url( http://img218.imageshack.us/img218/7453/63805en.gi... no-repeat;}#yblogtitle .edit {display:none;}#yblogtitle .mbd{text-align:center;}

於是把一個刪掉,但是這一刪可慘了,不但標題圖左移,左右文章前小圖也不見了.@@

完全無關的東西為何會影響?

更新 17:

於是我又把那個貼回去,刪另一個,結果也一樣,最後乾脆兩個都刪,重新寫,但是結果還是標題圖左移,左右文章前小圖又不見.我弄了整晚,都沒法解決,好可怕,這是什麼魔咒嗎?@@

只好把最原來的重複招呼語兩個都貼回去,這樣一來就好了.我真的不敢再自己亂動了.(驚~)

更新 18:

我已經到您的格貼了那些語法.(很棒的格! : ) )

也照您說的reset後再貼一次,但是那置頂文章和下面文章重疊的問題還是存在.(泣~~)

唉~我想也許那是手提電腦的顯示問題嗎?會不會是用什麼語法也無法挽救???(泣~)

如果真是這樣的話,那真是太對不起您了,害您花了那麼多時間和腦力,結果還沒能解決,真拍謝.

更新 19:

我真是超不好意思,為了我的問題,浪費您那麼多時間.

我在重新apply一個面板後,為了讓它重回預設值,所以把我在"面板設定"-"進階樣式"的欄位設定透明,及內文底色透明的選項也都取消歸零,因為您給我的語法裏有把它們設透明的語法在內,所以不用選也應該會因語法而透明才對.但是結果並不是這樣.

果然置頂文章不會再和下面文章重複了.(試了load20次.)耶!內為底色也透明沒問題.

但是不能高興太快,新問題又來了.(泣~)

3 個解答

評分
  • car
    Lv 4
    1 十年前
    最愛解答

    請在尼ㄉ自訂css

    最後一行加入

    以下css語法

    .yc3pribd .mbd, .yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p {background: none}

    試試看是否ok

    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

    若還有問題

    再加入以下css語法

    .ycntmod .rctop {background-image:none;}

    .ycntmod .rctop div {background-image:none;}

    .ycntmod .rcbtm {background-image:none;}

    .ycntmod .rcbtm div {background-image:none;}

    .ycntmod .rcl {background-image:none;}

    .ycntmod .rcr {background-image:none;}

    若沒有問題ㄉ話

    以上ㄉcss語法是可以不加ㄉ

    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

    若還有問題

    歡迎補充

    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

    Happy New Year!

    2009-01-28 14:59:08 補充:

    尼ㄉ問題是有一點小小ㄉ麻煩

    為什麼ㄋ

    因為我也是看ㄅ到尼ㄉ問題

    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

    我是照尼ㄉ描述

    按照W3Cㄉ標準

    推測解決ㄉ方法

    然後請尼測試

    因為我也看ㄅ到尼ㄉ問題

    沒法在我這邊測試

    真是拍謝

    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

    會有這樣ㄉ現象

    我猜尼是使用古老ㄉ

    Microsoft internet explore 6

    (總不會是更古老ㄉ ie 5 吧?)

    因為用目前ㄉie7

    是看ㄅ到尼ㄉ問題

    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

    2009-01-28 15:00:04 補充:

    以下是去掉細細的框線css語法

    .ycntmod .rcl {border:none;}

    請在尼ㄉ自訂css

    最後一行加入

    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

    請尼測試完

    告知一下最新狀況

    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

    3Q

    2009-01-28 15:28:06 補充:

    關於文章重疊ㄉ問題

    我想請問ㄉ是

    這種現象是以前就有

    還是後來更動版型之後

    才有ㄉ現象ㄋ?

    2009-01-30 00:01:46 補充:

    我猜是這ㄍ css 碼惹ㄉ禍

    .ycntmod .rcl {padding-left:0px;background:url(http://i240.photobucket.com/albums/ff40/tina888888... outset #1B458E;}

    請尼將它全部刪除

    如果ok

    上次加ㄉ

    .ycntmod .rcl {border:none;}

    也可一併移除

    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

    Lina 粉可愛優

    我已經變成她ㄉ粉絲ㄌ~~

    2009-01-30 15:45:56 補充:

    以下列出幾ㄍ可疑ㄉcss碼

    請尼一次試ㄧㄍ

    看看是哪ㄧㄍ在調皮搗蛋

    1.請把以下css刪掉

    .yblogcnt .blgtitlebar {}

    2.請把以下css刪掉

    .ycnt3col {position: relative !important; zoom:1 !important;}

    2009-01-30 15:47:11 補充:

    3.請把以下css中後半段ㄉcss刪掉

    #yblogtitle .rctop, #yblogtitle .rctop div, #yblogtitle .rcl, #yblogtitle .rcr, #yblogtitle .rcbtm,

    2009-01-30 15:47:31 補充:

    #yblast .bg {background:url( http://img218.imageshack.us/img218/7453/63805en.gi... no-repeat;}#yblogtitle .edit {display:none;}#yblogtitle .mbd{text-align:center;}#yblogtitle .rctop, #yblogtitle .rctop div, #yblogtitle .rcl, #yblogtitle .rcr, #yblogtitle .rcbtm,

    2009-01-30 15:47:48 補充:

    刪掉之後

    #yblast .bg {background:url( http://img218.imageshack.us/img218/7453/63805en.gi... no-repeat;}#yblogtitle .edit {display:none;}#yblogtitle .mbd{text-align:center;}

    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

    2009-01-30 15:47:54 補充:

    如果還是不行

    那其實還有ㄧㄍ最簡單ㄉ方法

    那就是刪掉所有尼新增ㄉcss

    然後重新只加入必要ㄉ部分

    這ㄍ部分

    我可以幫尼整理

    先看看尼改ㄉ結果囉~~

    2009-02-01 00:46:15 補充:

    因為知識家字數ㄉ限制

    我把語法貼在我ㄉ格

    http://tw.myblog.yahoo.com/scvs-car97b/article?mid...

    煩請移駕

    前往copy

    2009-02-02 13:22:31 補充:

    我試著再做一次推理:

    1.尼確定在不加任何css語法下,文章ㄅ會重疊

    如果不是ㄉ話,那這是老問題,跟語法無關

    如果是ㄉ話,那跟語法有關

    請尼一行一行ㄉ把自訂css語法加進去

    一直到找出是哪一行出問題

    請注意:

    因為之前尼說過

    文章重疊並ㄅ是每次都會出現

    所以

    要請尼多測試幾次

    確定

    所加入ㄉ那一行自訂css語法沒問題

    才又加入下一行自訂css語法測試

    假設

    尼真ㄉ找到某一行自訂css語法有問題

    排除那一行之後

    請尼按上述所述ㄉ方法

    繼續測試完所有自訂css語法

    也就是

    確定所有自訂css語法沒有問題

    被尼排除ㄉ某一行(抑或是某幾行)

    請尼再告訴我是哪些

    我們再來想想看看有沒有甚麼 work around solutions

    2009-02-02 13:42:24 補充:

    拍謝~~

    我想請問跟確定ㄉ是:

    在尼1/26發問之前

    並ㄅ會有文章重疊問題

    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

    我之所以會這樣問是因為

    我主要提供尼3ㄍ語法

    第一ㄍ去背景黑色

    第二ㄍ去除四面邊框

    第三ㄍ去除虛線邊框

    這三ㄍ語法都ㄅ應該會影響排版走位

    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

    而且就語法或邏輯推理來說

    若是因語法引起ㄉ錯誤

    那應該總是會被觀察ㄉ到

    ㄅ應該:

    重疊的現象是很隨機的,有時downloand我的首頁,文章也不一定會重疊但再重load一,兩次,就會有重疊的現象發生

    尼可不可以請問尼ㄉ格友

    他們所看到ㄉ現象ㄋ?

    2009-02-03 20:56:54 補充:

    1.標題圖底色,及左右欄位底色透明的語法

    2009-02-03 20:57:26 補充:

    .yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft {background:none;}

    .yc3sec .mhd, .yc3subbd .mhd, .yc3sec .mhd a, .yc3subbd .mhd a, .yc3sec .mhd a:link, .yc3subbd .mhd a:link, .yc3sec .mhd a:visited, .yc3subbd .mhd a:visited {background:none;}

    2009-02-03 20:57:42 補充:

    #ymodsearch .textfield {background-color:transparent;}

    #ymodsearch .submit {background-color:transparent;}

    #yblogtitle .mbd{background:none;}

    2.昨天我有在blog回應語法說明

    3.趕快發新文章唄~~

    4.真是辛苦尼ㄌ~~

  • Sphinx
    Lv 5
    1 十年前

    感謝"Linda路過O.O~發現很多發問者都不看意見欄 "的寶貴意見.(我都會看意見欄的~)

    但是放了12張照片的那一篇:http://tw.myblog.yahoo.com/happy-monsters/article?...

    在我的電腦及我妹的電腦顯示出來的確實都是內文底色變黑色,沒有星星背景.(會不會黑色和我的星星背景很像,所以您沒注意到??)

    2009-01-26 23:18:22 補充:

    大感謝Linda大大.還有照片作證.太感動!!

    但是為何我自己和我妹的電腦(她有2台)顯示的都是純黑的底色呢??網頁在download的那一瞬間,(約1~2秒不到吧!)確實可看到和您拍的照片一樣,背景有出來,但是當整頁全download完成時,內文底色就會變不透明,把星星背景遮掉了.而且如果我把照片多的這一篇放在首頁的話,它會和下面的其他文章重疊,整個變得一團混亂,都看不清楚.

    是電腦不同,顯示也不同,還是我的電腦較爛?? @@

    2009-01-27 06:47:41 補充:

    感謝Linda大的回覆,我照您說的,把背景圖網址改成您說的那樣,結果還是一樣,我是用IE瀏覽沒錯.不是用Firefox,但是並不能像您的電腦一樣有透明效果.(只有圖片少於7張的才可以.)

    對的,我說首頁就是置頂文章的意思.(對不起,不熟悉電腦語言.@@)

    2009-01-27 06:49:39 補充:

    因為那篇文章,我兒子的學校要用到,所以不敢亂改網址,怕學校的人找不到.

    但我換了另一篇也是有很多照片的把它設成置頂文章,麻煩您移駕幫我看看為何會和下面其他文章重疊? http://tw.myblog.yahoo.com/happy-monsters/

    但也許您必須重複試幾次,因為它不是一定會重疊,有時也會沒問題.不過內文底色是一直無法透明的~~太麻煩您了,大感謝.

    2009-01-28 00:51:57 補充:

    再度感謝Linda大!!

    但是為什麼我的問題在您的電腦出現都是正常呢?,我也定期都有清cookies呀!而且我妹的電腦也和我有一樣問題.

    我試了Car大大的回答,終於把底色去掉了,但還不是完全透明,好像只有70%透明.

    唉!難道大家的電腦看起來都正常,只有我的有問題嗎? : (

  • linda
    Lv 6
    1 十年前

    咦?兩篇看到的都一樣耶!都是底色透明可以看到背景圖呢!

    2009-01-26 19:55:55 補充:

    呵呵,我也想過這個情況,因為都是黑色,怕自己沒看清楚,所以將兩篇文章同時開啟做比較,看到的情況就如我所說,剛才又將你那篇照片比較多的畫面拍成圖片,看跟你的電腦看到的是否一樣?

    http://wabis.biz/up0010/200901270855259214628315.P...

    2009-01-27 00:18:19 補充:

    嗯嗯,兩台電腦發生同樣的情況是蠻奇怪的,不過,我看了一下你的背景圖網址http://i311.photobucket.com/albums/kk475/gio1228/S...

    2009-01-27 00:18:24 補充:

    另外,將照片較多的文章放在首頁,意思是置頂文章嗎?

    你先將圖片網址改一下,再將文章放到置頂的位置看看,我再幫你看看是什麼情況。

    2009-01-27 00:28:18 補充:

    還有個問題,你是用IE瀏覽嗎?因為有些透明效果在Firefox瀏覽器會沒有效果。

    2009-01-27 14:55:40 補充:

    重疊的情況也是兩台電腦都出現嗎?

    我的電腦看又是正常耶!我已經重新整理好幾次了,都是正常的。http://wabis.biz/up0010/200901280349558582974444.P...

    如果是使用IE,試試看做這個清除暫存檔的動作,IE有些問題跟這個有關,請你參考我這篇回答。

    http://tw.knowledge.yahoo.com/question/question?qi...

還有問題嗎?立即提問即可得到解答。