HTML錨標記未重定向

Question

我在使用錨標記時遇到麻煩（在這種情況下）。

  for($i=0;$i<$numrows;$i++) echo " <div class='singleItem'> <img src= $arr3[$i] class='itemImage'> <div class='itemName'> $arr1[$i] </div> <div class='itemPrice'><br> Php$arr2[$i] <div class='orderButtonDiv'> <a href='menu_burger.php?itemid=$arr4[$i]'>ORDER</a> </div> </div> </div> " 

您可能會注意到，我正在創建singleItem的多個實例，並且在完成后，似乎無法單擊錨標記。 好像它落后了一些。 我知道鏈接有效，因為在檢查chrome中的元素時顯示正確的鏈接。

這是CSS

 .itemImage{ width :80%; height: 80%; object-fit: contain; object-position: left; padding-top:4%; padding-left: 2%; float:left; position:absolute; left: 0; } .itemName{ color: red; text-decoration: none; font-family: "Akzidenz-Grotesk BQ",sans-serif; font-size: 150%; font-weight: bold; margin-left: 40%; margin-top: 4%; z-index -1; } .itemPrice{ color: black; text-decoration: none; font-family: "Akzidenz-Grotesk BQ",sans-serif; font-size: 110%; margin-left: 41%; margin-top: 15%; position: absolute; bottom: 25%; z-index -1; } .singleItem{ width: 48%; background-color: #e0dede; border:1px solid red; height: 150px; position: relative; z-index: -1; } .rowItem{ display: flex; justify-content: space-between; padding-bottom: 2%; height: 150px; margin-top: 1%; } .listItems{ display: flex; flex-direction: column; margin-left: auto; margin-right: auto; width: 75%; /* margin-top: 130px ; */ } .orderButtonDiv{ display: inline; border: 2px solid red; position: relative; right: -50%; margin-top: 15%; z-index 3; } .orderButtonDiv a { text-decoration: none; color: red; width: 100%; height: 100%; font-family: "Akzidenz-Grotesk BQ",sans-serif; font-size: 90%; font-weight: bold; padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px; } 

我通過使用Jquery使整個singleItem，orderButtonDiv類可單擊來嘗試了幾乎所有操作，但仍然沒有成功。

如果有人可以提供一些幫助，那就太好了，謝謝

Answer 1

要重定向到錨，此錨必須具有一個id和您的網址#yourid

<a href="#myId">Link to My ID</a>

此鏈接重定向到此div：

<div id="myId">My ID</div>

Answer 2

我相信這與z-index: -1; 在具有singleItem類的div上-刪除該錨點后可單擊-希望有幫助

Answer 3

編寫z-index出錯，請檢查它是否應該為z-index:1您錯過了（:)，而是給了z-index:-1; 設置z-index:1; 並檢查。

Answer 4

   <a href='menu_burger.php?itemid=$arr4[$i]'>ORDER</a>

請換成

      <a href="menu_burger.php?itemid=<?php echo $arr4['$i']?>"> ORDER </a>

希望這會糾正如果不后悔嘗試