使用iframe缩略图创建链接

Question

我正在尝试创建一个投资组合页面，并希望使用我的某个项目（实时页面）的缩略图作为该项目的链接。我已经制作了缩略图，但无法弄清楚如何使其成为可点击的链接。

到目前为止，这是我的代码：

<div class="thumbnail-container">
    <div class="thumbnail">
      <figure>
          <iframe src="https://codepen.io/valsburger/full/wppwmJ " scrolling="no">
          </iframe>
      </figure>
    </div>
</div>

我已尝试在多个位置围绕iframe放置一个元素。似乎没什么用。

Answer 1

iframe是“进入另一个世界的窗口”。那个窗口里可能有很多链接。因此，如果您可以链接iframe本身，那将是一个坏主意。 iframe被嵌入，您无法链接它。

坦率地说，我不确定为什么你甚至想要首先链接一个iframe？对我来说似乎很奇怪。你为什么不链接缩略图本身？那只是一个普通的img元素。

Answer 2

不要那样做，会导致你的页面变慢，坦率地说这是不必要的。

以下是您想要的网页照片：   以下是您应该使用的代码：

<div class="thumbnail-container">
    <div class="thumbnail">
      <figure>
          <img src="https://i.stack.imgur.com/7y4fc.jpg">
      </figure>
    </div>
</div>

Answer 3

一个丑陋的解决方案是在>>> a = [['0.06'], ['0.54'], ['0.61']] >>> [float(x) for [x] in a] [0.06, 0.54, 0.61] 的顶部放置一个透明的，相对定位的<div>，将其大小覆盖<iframe>并将其包裹在<iframe>标签中链接到您的页面。 虽然我建议使用常规<a>元素作为缩略图。