ಠ_ಠ
【萬事求噗友/噗浪CSS問題請教】已解決!

不好意思深夜打擾各位旅人了……這邊搞CSS搞了好久,翻了好多文章都沒有解決方法T_T……

https://images.plurk.com/qN0us0Kp4xYxQVN7YtBm0.gif
想請問該怎麼樣修正才能將第二張圖順利的顯示出來(如gif中右側那樣,除了本身上傳到噗浪的頭貼之外,游標移過去後還能顯示底下的圖片)

我用其他隻帳號,也請朋友確認,但顯示出來的都是gif中的左側那樣會直接消失><……

(下收)
ಠ_ಠ
使用的噗浪語法為以前朋友給的→#plurk-dashboard #dash-profile a{ (Plurk Paste)

自己嘗試在修改的時候有試著把第一行「#dash-profile a{」這一段的「a」去掉,結果是可以成功顯示出第二張圖片,只是整個自介欄就會全部擠在一起OTZ↓
https://images.plurk.com/46r7rBwfNV9O5Jqa4b6Hty.gif

不知道到底要怎麼修改才能成功顯示……麻煩各位旅人拯救我OTZ嗚嗚…先謝謝大家……
ಠ_ಠ
超級不專業的自己認為問題就是出在第一行的「#dash-profile a{」,所以我很瞎的亂修改有把a改成「hover」或「auto」之類的,結果就是想顯示的圖片直接不見

究竟…為…為何呢……
ಠ_ಠ
那個「a{」的存在感好重 可是我…我不懂……救命…不好意思打擾了但是救命……(半夜精神不濟的語無倫次)
human4306
不在電腦面前 沒辦法幫
egg6979
我的語法可以ㄟ
不過要開電腦才能翻
ಠ_ಠ
human4306: 沒有關係…也感謝您!這麼晚了的確是關電腦休息的時間
egg6979: 天啊是有成功的勝者……!沒有關係的,等您有開電腦&還記得這噗的時候再請您幫忙T_T
taro3568
不在電腦前面+對噗浪的各類命名方式不熟+1
但是我覺得你如果用chrome 可以右鍵你的噗浪個人照片的部分 然後檢視原始碼看看
下面那個語法hover的意思我記得就是你的鼠標晃過去圖片 圖片透明度變成0?
taro3568
其實我有點不明白你底圖的問題是什麼
taro3568
你要不要試試看把a改成 a:hover{
畢竟你想要晃過去才有效果
ಠ_ಠ
taro3568: (噗主是超級CSS外行人所以打開了檢視原始碼或F12都看不懂……!)
但是對的依照您的問句……這段語法就是鼠標晃過去,用噗浪上傳的那張大頭貼會變不見→https://images.plurk.com/1BMkyygSNaBUHVTP9v0tXL.png

我…!我的問題是,我想要鼠標移過去主控台的頭貼,能夠順利的把藏在頭貼A底下的頭貼B顯示出來,可是我目前的語法沒辦法順利顯示出頭貼B
(天啊不好意思我現在語言組織可能真的弱爆T_T……)
ಠ_ಠ
好的我試試看!!
egg6979
噗主我直接來ㄌ(神奇ㄉ使用手機網頁版!
這是我的語法
profile_pic {
background: url(我ㄉ圖片);
background-repeat: no-repeat;
padding-top:170px;
background-size:170px
}
profile_pic:hover {
height:170px;
width:170px; padding-top:0px; } 這樣就是一開始我的介面頭貼那裡是另外設定的圖片 滑鼠移過去會是原本的頭貼這樣!給你參考~~
ಠ_ಠ
還…還是顯示不出來!(跪著)
human4306
plurk-dashboard .dash-segment-profile dash-profile img.profile-pic:hover{opacity:0;}

最下面這行
開頭只留下
.dash-segment img.profile-pic
ಠ_ಠ
egg6979: 啊!!!!!!!!! 謝謝您!!???!!!!!天啊成功了……成功了(落淚)謝謝您……謝謝太謝謝了CSS真是個神奇的東西……
ಠ_ಠ
human4306: 還是沒辦法顯示耶……!不知道是不是我理解有誤…
https://images.plurk.com/1vaFb74abFdCXSFYN78fjW.png
ಠ_ಠ
天啊謝謝旅人們幫忙解惑 您們人真好……不好意思在快要是吃早餐的時間勞煩大家幫忙,CSS好深奧……(曾經想學但是腦筋太死)
human4306
我知道最下面那串是透明度變0

你的原語法應該是
一張圖蓋在頭像上》滑過去三秒後〉蓋在上面的圖消失

所以應該是最下面那串有問題⋯⋯吧
我猜的!!
egg6979
有幫上忙真是太好了!!
您怎麼給我噗幣真是不好意思
我也是各種研究其他專業人士(??)ㄉ不同語法,喜歡把自己河道用ㄉ可可愛愛
ಠ_ಠ
human4306: 原來是這樣!!!沒關係的還是很感謝您幫忙 (抱緊)
ಠ_ಠ
egg6979: 耶…只是噗主微薄的小心意……!真的太感謝您了TT!!!覺得會改CSS的人都好厲害 (噗主真的是CSS白癡……看得懂英文字的意思但是組合在一起就如同天書般)
pear5070
路過回一下自己的語法,沒理解錯的話應該只是想要變換頭貼?
給的語法大小是官方原本的設定大小,想要更大或更小都可以自己調整,秒數也可以調
/*改變主控台的噗主頭貼顯示的圖片,游標未移至時*/ (Plurk Paste)
噗浪語法自由度超高,歡迎一起玩語法
補充:不管有沒有幫到忙都不用給噗幣,只是希望大家都能在語法的世界玩得更開心
egg6979
pear5070: 不好意思打擾旅人!用了您的語法後、我自己最原本的頭貼要怎麼用消失呢
ಠ_ಠ
(睡醒了)
pear5070: 這邊也和egg6979有一樣的問題……!但是還是超級感謝您,用了一下這個語法也好方便 超級厲害……
pear5070
egg6979: ಠ_ಠ: 請問用消失是指什麼狀況呢?抱歉想問得更清楚一點以免回答錯誤
其實我沒有專業的學過語法,但如果能幫得上忙就會幫忙
egg6979
就是使用ㄌ您的這兩ㄍ語法後--(是另外連結的圖片)
自己最原本上傳ㄉ頭貼(app版會看到ㄉ)還在所以會擋到……!
pear5070
egg6979: 咦?請問是指兩個語法都使用後,A沒有不見,而且A擋在B上面?也就是顯示的狀況是游標沒移至時看到的頭貼是A,游標移至時是C嗎?
(假設原本上傳的頭貼是A,游標未移至時那個是B,游標移至時那個是C)
egg6979
ㄟ我的情況比較特殊因為我自己有調整頭貼尺寸XDD
目前是游標沒移至時看到的頭貼是B,游標移至時是C沒錯(放大版ㄉ)
可是原本的A會以原尺寸一直擋在中間(不管游標有沒有移過去)
ಠ_ಠ
https://images.plurk.com/4V1sJHzZGKNEp4IGH5T4M9.gif
我的話也和egg6979的一樣!(哇好害羞這是我的角噗……)

我也是有自己調整過頭貼尺寸,紫髮是我本來的頭貼A,游標滑過去能出現頭貼B,但就是頭貼A的原尺寸會擋在中間
ಠ_ಠ
我是使用「/改變主控台的噗主頭貼顯示的圖片,游標移至時/」這個語法!
pear5070
試了一下發現你們應該不是用我上面貼的語法改頭貼大小?因為我剛剛用那兩個語法直接改數值大小,沒有出現A擋在中間的情況
egg6979
ㄚ對我是用自己之前另外找到ㄉ!!
那我去修改一下看看如何><
ಠ_ಠ
ㄚ!我把另外找到的放大語法刪掉了,現在顯示正常了但是我調width和height的數值都沒有反應 ……!調padding的話原本的頭貼A還是小的
egg6979
我也一樣
pear5070
我是padding跟width跟height一起調(數字沒一樣沒關係,但一樣也可以),可能這樣說不太對,但我的理解方式是padding是圖片展示空間有多大,width跟height是調整圖片大小
我敘述好爛你們看得懂嗎
egg6979
我再試試看!
ಠ_ಠ
我一起調的話原本的頭貼也不會動T^T……不過我把第一個語法用下去之後現在他們都很大!我很開心……太感謝旅人了
pear5070
ಠ_ಠ: 不會動是指?是說我剛剛重新看了一下你上面17:45回的那條,發現後面那句的問題點我可能知道了
你17:31那條回應說你使用的是「/改變主控台的噗主頭貼顯示的圖片,游標移至時/」這個語法,那A的大小沒改變是正常的
你用「/改變主控台的噗主頭貼顯示的圖片,游標移至時/」這個語法,會有變化的是C喔
假設原本上傳的頭貼是A,游標未移至時那個是B,游標移至時那個是C
ಠ_ಠ
不會動就是原本上傳的頭貼A還是原來的尺寸↓ https://images.plurk.com/7nR8MddCwvMKYvFHKgxb5w.gif

哦哦原來是這樣!!不過如果兩個語法都併用的話就可以解決這個問題了!
pear5070
看了一下你的示意圖,關於不會動的問題跟我18:14回應的是同一個狀況,因為你沒有使用會去動到A的語法,只有使用會動到C的語法,所以A自然會是原本的尺寸
ಠ_ಠ
pear5070: 原來如此!!再次超級感謝您提供語法之外還幫忙解惑
pear5070
不用客氣,雖然自己現在還是語法玩得很糟,但至少比最初摸索時懂一點點點點點點點點(拇指與食指張開的距離仿佛0),最初時超痛苦的,如果能幫上任何人更懂得語法的好玩之處我也開心!
eel5090
不好意思!這麼久打擾!發現語法貌似無法使用了!想詢問有修復方法嘛!QQ
就是滑鼠移過去,會顯示原本噗浪設定的頭貼那種。
ಠ_ಠ
eel5090: 您好!!噗主這邊使用的語法一樣還是pear旅人提供的超讚語法,不過我這邊並沒有發生無法使用的狀況……>_<!
有可能是旅人的其他語法出現疊加後導致語法失靈的問題,或者是您的語法當中的圖片網址交換一下看看呢?

噗主的語法是這樣的!
https://images.plurk.com/6UcDRX7M39dchMuVkZP3xs.png
載入新的回覆