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;类的div上的singleItem有关-删除标记后，可点击定位标记-希望有帮助

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>

pls更改为

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

希望这可以纠正，如果不对不起，请尝试

HTML锚标记未重定向

4 个答案: