Question

我正在尝试更新我朋友的网站，她需要保留Genbook按钮。我将她当前站点的代码复制并粘贴到我正在编写的代码中，并且在我尝试在CSS中进行格式化之前一切正常。由于我希望它以她的徽标为中心，我需要编辑CSS。我不明白为什么编辑CSS会导致链接变为非活动状态。

Firefox中的实时预览：有效且无格式active link, without CSS (notice mouse cursor)

Firefox中的实时预览：无效且格式化inactive link, with CSS (notice mouse cursor)

#genbook {
  position: absolute;
  top: 210px;
  left: 50px;
}

<div id="genbook">
  <script src="https://www.genbook.com/bookings/booknowjstag.action?id=30216717&size=medium"></script>
  <noscript>
    <a href="https://www.genbook.com/bookings/slot/reservation/30216717?bookingSourceId=1000">
      <img src="https://www.genbook.com/bookings/images/booknow-button-medium.png" width="150" height="50" alt="Make an Online Appointment" border="0">
    </a>
    <br>
    <a href="http://www.genbook.com" style="font-size:10px;"></a>
  </noscript>
</div>

现在我更加困惑了！它似乎正在编写Codepen和Code Snippet。那么......为什么它会在预览中起作用，然后在预览中不起作用？

新问题：我怎么知道它是否真的有效？

Answer 1

你的代码，你提出的，是<noscript></noscript>标签，<script src="https://www.genbook.com/bookings/booknowjstag.action?id=30216717&size=medium"></script>在你的DOM中加载了不同的代码，但是没有用。您可以将其删除noscript，它将起作用。

＆＃13;

#genbook {
  position: absolute;
  top: 210px;
  left: 50px;
}

＆＃13;

<div id="genbook">
    <a href="https://www.genbook.com/bookings/slot/reservation/30216717?bookingSourceId=1000">
      <img src="https://www.genbook.com/bookings/images/booknow-button-medium.png" width="150" height="50" alt="Make an Online Appointment" border="0" />
    </a>
</div>

＆＃13;

编辑css后href链接无法正常工作

1 个答案: