警告：我是个菜鸟。我知道的一点点来自于摆弄。
我维护了一个在bootstrap 3中创建的图像的爱好网站，我希望有一个响应式翻转图像，它也链接到完整大小的图像。
我已经能够完成响应式翻转部分，但我无法弄清楚如何添加链接以显示完整图像。
这是我到目前为止所拥有的：
https://jsfiddle.net/11cmcznn/
HTML：
<div class="rollover-wrapper-1"><div class="rollover-image-1"></div>
我无法发布CSS，因为我还没有声望点。
非常感谢任何帮助。
答案 0 :(得分：0)
将href放在div之前，并确保关闭父div。喜欢这个
<div class="rollover-wrapper-1"><a href="http://google.com"><div class="rollover-image-1"></div></a></div>
答案 1 :(得分：0)
我遇到了另一个问题。我有翻转图像正常工作，包括链接到完整大小的图像。但出于某种原因，每当我将代码添加到网页和样式表时，网页都会在我网站的错误位置查找样式表。
我有一个样式表＆＃34; default.css＆＃34;我用于我的所有网页。这个css表位于网站的根目录中。但由于某种原因，带有翻转图像的网页将不会显示图像，当我检查Chrome中的元素时，它会给出404错误，指出在网站上的某个文件夹中找不到default.css。我从来没有在root以外的任何文件夹中使用default.css。
所以不知何故，网页正在寻找一个不存在的地方的样式表，我不明白为什么。
如果我将default.css样式表从根目录复制到它正在寻找的文件夹中，那么网页正确加载，但我不想要维护两个相同的样式表。我只是不知道样式表如何附加到网页上。
我很抱歉这个问题模糊不清，但我不太了解这个问题。