ಠ_ಠ
@anonymous
偷偷說
Thu, Sep 7, 2023 7:16 PM
Thu, Sep 7, 2023 7:26 PM
8
萬事問噗浪
CSS
想求一個可以讓噗首變成半透明(滑鼠移上去會恢復),文字不會跟著變透明的語法
有自己用編輯器調過,但是文字都會跟著變化
ಠ_ಠ
Thu, Sep 7, 2023 7:18 PM
ಠ_ಠ - 想問噗浪上的噗半透明語法的問題> <! 是我目前使用的語法,打開回應列表後,雖然回應列表背景...
另外還想請問,這邊有使用這個語法,但是沒有成功,有旅人可以測試看看嗎?
ಠ_ಠ
Thu, Sep 7, 2023 7:21 PM
自用的語法
tofu2470
Thu, Sep 7, 2023 8:07 PM
Thu, Sep 7, 2023 8:10 PM
/
噗首半透明,滑鼠移上後恢復
/
這塊刪掉改成下面的
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
ಠ_ಠ
Fri, Sep 8, 2023 6:57 AM
Fri, Sep 8, 2023 7:08 AM
tofu2470: 謝謝旅人!是想要的效果沒錯!
不過滑鼠離開噗首後,噗文的發布時間會有白底無法跟著變透明,這部分有辦法解決嗎? 或是可以改成展開噗後噗首透明度恢復嗎?
tofu2470
Fri, Sep 8, 2023 7:27 AM
試看看加這個
._lc_ .timeline-cnt .plurk.plurk_box .time {
background: none !important;
border: none !important;
}
發布時間要保留邊框的話,把border: none !important;刪掉
ಠ_ಠ
Fri, Sep 8, 2023 8:58 AM
tofu2470: 有效了!最後可以再問問,如果想在噗文展開時噗首恢復透明度該怎麼改嗎><?
tofu2470
Fri, Sep 8, 2023 9:12 AM
._lc_
timeline_holder
timeline_cnt
.plurk.cboxAnchor.display.link_extend.plurk_box .plurk_cnt{
background: rgba(255,255,255,1) !important;
}
加這個~
ಠ_ಠ
Fri, Sep 8, 2023 10:45 AM
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
不過滑鼠離開噗首後,噗文的發布時間會有白底無法跟著變透明,這部分有辦法解決嗎? 或是可以改成展開噗後噗首透明度恢復嗎?
._lc_ .timeline-cnt .plurk.plurk_box .time {
background: none !important;
border: none !important;
}
發布時間要保留邊框的話,把border: none !important;刪掉
background: rgba(255,255,255,1) !important;
}
加這個~