如何将 href link 添加到 bootstrap 滚动图像?
How to add href link to bootstrap rollover image?
警告:我是菜鸟。我知道的一点点来自于摆弄。
我维护着一个在 bootstrap 3 中创建的图像爱好网站,我想要一个响应式翻转图像,该图像也 link 是全尺寸图像。
我已经能够完成响应式翻转部分,但我不知道如何添加 link 来显示完整图像。
这是我目前的情况:
https://jsfiddle.net/11cmcznn/
HTML:
<div class="rollover-wrapper-1"><div class="rollover-image-1"></div>
我不能 post CSS 因为我还没有声望点数。
如有任何帮助,我们将不胜感激。
将 href 放在 div 之前,并确保您也关闭父 div。像这样
<div class="rollover-wrapper-1"><a href="http://google.com"><div class="rollover-image-1"></div></a></div>
嗯,我 运行 遇到了另一个问题。我的翻转图像正常工作,包括链接到全尺寸图像。但出于某种原因,每当我将代码添加到网页和样式 sheet 时,网页以某种方式在我网站的错误位置寻找样式 sheet。
我有一种样式 sheet "default.css",我将其用于我所有的网页。此 css sheet 位于网站的根目录中。但是由于某种原因,带有翻转图像的网页不会显示该图像,当我检查 Chrome 中的元素时,它给我 404 错误,指出 default.css 在某个文件夹中找不到网站。除了根之外,我从未在任何文件夹中拥有 default.css。
所以网页以某种方式在 none 存在的地方寻找样式 sheet,我不知道为什么。
如果我将 default.css 样式 sheet 从根目录复制到它要查找的文件夹中,则网页会正确加载,但我不想维护两个相同的样式 sheet秒。我只是不知道样式 sheet 是如何附加到网页上的。
对于这个问题的含糊不清,我深表歉意,但我的知识还不足以提出一个更明智的问题。
警告:我是菜鸟。我知道的一点点来自于摆弄。
我维护着一个在 bootstrap 3 中创建的图像爱好网站,我想要一个响应式翻转图像,该图像也 link 是全尺寸图像。
我已经能够完成响应式翻转部分,但我不知道如何添加 link 来显示完整图像。
这是我目前的情况:
https://jsfiddle.net/11cmcznn/
HTML:
<div class="rollover-wrapper-1"><div class="rollover-image-1"></div>
我不能 post CSS 因为我还没有声望点数。
如有任何帮助,我们将不胜感激。
将 href 放在 div 之前,并确保您也关闭父 div。像这样
<div class="rollover-wrapper-1"><a href="http://google.com"><div class="rollover-image-1"></div></a></div>
嗯,我 运行 遇到了另一个问题。我的翻转图像正常工作,包括链接到全尺寸图像。但出于某种原因,每当我将代码添加到网页和样式 sheet 时,网页以某种方式在我网站的错误位置寻找样式 sheet。
我有一种样式 sheet "default.css",我将其用于我所有的网页。此 css sheet 位于网站的根目录中。但是由于某种原因,带有翻转图像的网页不会显示该图像,当我检查 Chrome 中的元素时,它给我 404 错误,指出 default.css 在某个文件夹中找不到网站。除了根之外,我从未在任何文件夹中拥有 default.css。
所以网页以某种方式在 none 存在的地方寻找样式 sheet,我不知道为什么。
如果我将 default.css 样式 sheet 从根目录复制到它要查找的文件夹中,则网页会正确加载,但我不想维护两个相同的样式 sheet秒。我只是不知道样式 sheet 是如何附加到网页上的。
对于这个问题的含糊不清,我深表歉意,但我的知识还不足以提出一个更明智的问题。