- #108
- #107
- #106
- #105
- #104
- #103
- #102
- #101
- #100
- #99
- #98
- #97
- #96
- #95
- #94
- #93
- #92
- #91
- #90
- #89
- #88
- #87
- #86
- #85
- #84
- #83
- #82
- #81
- #80
- #79
- #78
- #77
- #76
- #75
- #74
- #73
- #72
- #71
- #70
- #69
- #68
- #67
- #66
- #65
- #64
- #63
- #62
- #61
- #60
- #59
- #58
- #57
- #56
- #55
- #54
- #53
- #52
- #51
- #50
- #49
- #48
- #47
- #46
- #45
- #44
- #43
- #42
- #41
- #40
- #39
- #38
- #37
- #36
- #35
- #34
- #33
- #32
- #31
- #30
- #29
- #28
- #27
- #26
- #25
- #24
- #23
- #22
- #21
- #20
- #19
- #18
- #17
- #16
- #15
- #14
- #13
- #12
- #11
- #10
- #9
- #8
- #7
- #6
- #5
- #4
- #3
- #2
你會如何解這個下拉式選單樣式問題呢?
今日工作維護到一個陳年元件,它是一個按鈕並且點擊後會延伸出一個行動清單,由於歷史因素它的寬高只能是寫死的尺寸,目標是替清單展開時加上陰影,你會怎麼做?
這裡我把我能想到的解決問題的方案與取捨列出來:
- 製作一個含按鈕的清單覆蓋住按鈕。
- 計算按鈕 +清單的寬高並製作一個空元素套上陰影藏在背後。
最終選擇 1,我把一切改變按鈕的因素同樣寫在清單按鈕中……很不 DRY,為什麼不是 2? 因為用 JS 去計算樣式是很可怕的事,最好不要這樣做。
感謝同事告訴我有 CSS
isolation
這個超偏門的屬性去達成一些元素排序的需求。 - #1