如何将href链接添加到引导翻转图像？

Question

警告：我是小白。我知道的小事来自于摆弄。

我保持在bootstrap 3中创建的图像的爱好网站，我想有一个响应式翻转图像，也链接到全尺寸图像。

我已经能够完成响应翻转部分，但我无法弄清楚如何添加链接来显示完整的图像。

这是我到目前为止有：

https://jsfiddle.net/11cmcznn/ 

HTML：

<div class="rollover-wrapper-1"><div class="rollover-image-1"></div> 

我不能发布的CSS，因为我没有信誉尚未点。

任何帮助将不胜感激。

Answer 1

把href放在div之前，并确保你关闭了父div。像这样

<div class="rollover-wrapper-1"><a href="http://google.com"><div class="rollover-image-1"></div></a></div> 

Answer 2

那么我遇到了另一个问题。我有翻转图像正常工作，包括链接到全尺寸的图像。但由于某种原因，无论何时将代码添加到网页和样式表中，网页都会在我的网站上错误的位置查找样式表。

我有一个用于我所有网页的样式表“default.css”。这张CSS表格在网站的根目录中。但由于某种原因，带翻转图像的网页将不会显示图像，并且当我检查Chrome中的元素时，它会给我404错误，指出在网站上的某个文件夹中找不到default.css。我从来没有在根目录以外的任何文件夹中有default.css。

因此，不知何故，网页正在寻找一个样式表在一个没有存在的地方，我不知道为什么。

如果我将default.css样式表从根目录复制到它正在查找的文件夹中，然后网页加载正常，但我不想维护两个完全相同的样式表。我只是不知道样式表是如何连接到网页的。

对于这个问题的模糊性，我很抱歉，但是我不知道做出更明智的问题。