ಠ_ಠ
萬事問噗浪 CSS
想求一個可以讓噗首變成半透明(滑鼠移上去會恢復),文字不會跟著變透明的語法
有自己用編輯器調過,但是文字都會跟著變化:'-(
ಠ_ಠ
ಠ_ಠ - 想問噗浪上的噗半透明語法的問題> <! 是我目前使用的語法,打開回應列表後,雖然回應列表背景...
另外還想請問,這邊有使用這個語法,但是沒有成功,有旅人可以測試看看嗎?
ಠ_ಠ
tofu2470
/噗首半透明,滑鼠移上後恢復/
這塊刪掉改成下面的

timeline_holder timeline_cnt .plurk_cnt{
background: rgba(255,255,255,0.5) !important;
transition: .6s;
}
timeline_holder timeline_cnt .plurk_cnt:hover {background: rgba(255,255,255,1) !important;}

rgba語法前面三個是顏色的rgb,後面的a指透明度,範圍是1-0
ಠ_ಠ
tofu2470: 謝謝旅人!是想要的效果沒錯!
不過滑鼠離開噗首後,噗文的發布時間會有白底無法跟著變透明,這部分有辦法解決嗎? 或是可以改成展開噗後噗首透明度恢復嗎?
https://images.plurk.com/70m7qanZwjetc9yVgVyx8X.png
tofu2470
試看看加這個
._lc_ .timeline-cnt .plurk.plurk_box .time {
background: none !important;
border: none !important;
}
發布時間要保留邊框的話,把border: none !important;刪掉
ಠ_ಠ
tofu2470: 有效了!最後可以再問問,如果想在噗文展開時噗首恢復透明度該怎麼改嗎><?
tofu2470
._lc_ timeline_holder timeline_cnt .plurk.cboxAnchor.display.link_extend.plurk_box .plurk_cnt{
background: rgba(255,255,255,1) !important;
}
加這個~
ಠ_ಠ
tofu2470: 成功調成想要的樣子了!真的非常感謝旅人的協助
載入新的回覆