只使用 CSS 顯示和隱藏 Div
想要依照使用者輸入顯示或隱藏 div,但只使用 CSS?讓我們了解如何在不依賴 JavaScript 的情況下實現此目的。
問題陳述:
使用者希望只使用 CSS 在點擊時顯示和隱藏 div。儘管目前正在使用 jQuery,但他們更喜歡即使禁用 JavaScript 也能工作的可存取解決方案。
純 CSS 解決方案:Checkbox Hack
對於純 CSS 解決方案,請考慮複選框駭客。此方法涉及使用複選框來控制 div 的顯示。選取該複選框時,將套用一組樣式;未選取該核取方塊時,將使用另一組樣式。 :checked 偽選擇器用來區分這些狀態。
要出於美觀目的隱藏複選框,請將其附加到標籤。
示範與資源
以上是只能用 CSS 顯示和隱藏 Div 嗎?的詳細內容。更多資訊請關注PHP中文網其他相關文章!