Question

所以我正在尝试使用一种新类型的按钮，使用我现在找不到的教程......最终产品可以使用，但是按钮上的可点击区域非常令人沮丧，很小。我已经尝试过编辑css，因为我认为这只是一个css问题，但我无法让它工作。由于可点击的区域很小，它似乎无法在移动设备上运行。

相关网站为http://forrestburdette.com/ 有问题的按钮是儿童外展部门的右上角按钮。它似乎只能在按钮的最右侧中间点击。我需要一些关于我哪里出错的指导！希望这是一个简单的解决方法!!!

Answer 1

目前按钮位于标题下方，这就是链接被切断的原因。要解决此问题，您需要向包含该按钮的z-index添加div，如下所示：

.forrest_burdette_childrens_outreach_button {
  position: absolute;
  top: -9px;
  right: -1px;
  width: 220px;
  height: 52px;
  z-index: 1; /* add z-index */
}

这会使按钮位于标题上方，允许链接的整个宽度可点击

按钮上的可点击区域太小

1 个答案: