如何在沒有 JavaScript 的情況下建立可點擊的 Div？

不需要JavaScript 的可點擊Div

在沒有JavaScript 的情況下建立可點擊div 是挑戰，因為像div 這樣的區塊元素不能放置在內聯元素中，例如錨點。為了克服這個問題，一個聰明的方法是使用 CSS 來創建可點擊 div 的錯覺。

使用CSS 和HTML 的解決方案

1. CSS:

   #my-div {
       background-color: #f00;
       width: 200px;
       height: 200px;
   }
   a.fill-div {
       display: block;
       height: 100%;
       width: 100%;
       text-decoration: none;
   }

   CSS:

2. CSS:

   <div>

   HTML:

The HTML 建立一個ID 為「my-div」的div，並在其中建立一個類別為“fill-div”的錨元素。由於錨元素佔據了整個 div，因此點擊 div 內的任意位置都會啟動錨的 href 連結。

透過組合這些 CSS 和 HTML 元素，您可以讓整個 div 可單擊，從不使用 JavaScript 的可點擊 div 的外觀。

以上是如何在沒有 JavaScript 的情況下建立可點擊的 Div？的詳細內容。更多資訊請關注PHP中文網其他相關文章！