只能用 CSS 顯示和隱藏 Div 嗎？

只使用 CSS 顯示和隱藏 Div

想要依照使用者輸入顯示或隱藏 div，但只使用 CSS？讓我們了解如何在不依賴 JavaScript 的情況下實現此目的。

問題陳述：

使用者希望只使用 CSS 在點擊時顯示和隱藏 div。儘管目前正在使用 jQuery，但他們更喜歡即使禁用 JavaScript 也能工作的可存取解決方案。

純 CSS 解決方案：Checkbox Hack

對於純 CSS 解決方案，請考慮複選框駭客。此方法涉及使用複選框來控制 div 的顯示。選取該複選框時，將套用一組樣式；未選取該核取方塊時，將使用另一組樣式。 :checked 偽選擇器用來區分這些狀態。

要出於美觀目的隱藏複選框，請將其附加到標籤。

示範與資源

• [小滴示範](http://dabblet.com/gist/1506530)
• [關於Checkbox Hack 的CSS技巧文章](http://css-tricks.com/the-checkbox-hack/)

以上是只能用 CSS 顯示和隱藏 Div 嗎？的詳細內容。更多資訊請關注PHP中文網其他相關文章！