html - 除了在 IE 中,链接不显示

标签 html css hyperlink

好吧,现在是深夜,我想不通这个问题。我在一个页面上有 11 个缩略图 HERE这些都是硬编码的(不要问)并且代码是相同的,除了图像的文件名和附加到每个链接 URL 的查询字符串。

前两个缩略图(左上角和右上角)在 Firefox、Safari、Chrome 或 Opera 中不作为链接,但在 IE9 中悬停时它们作为链接(尽管在 FF Firebug 中显示链接代码在那里)但所有其余的做。这一定是一些无聊的胡言乱语,我太累了,看不出来。然而,我一遍又一遍地检查代码,没有发现任何问题。

更糟糕的是,如果我复制前两个链接(左上和右上缩略图)的代码并将代码粘贴到前两个条目的下方,缩略图就会显示出来并且链接有效!

什么...?

我们将不胜感激任何帮助!

最佳答案

您的 div #mainText 足够大,可以覆盖前两个缩略图。不同的浏览器要么对此有不同的处理方式,要么与对 z-indexing 或其他东西的不同看法有关,但降低该 div 的高度,或删除 height 属性(因此它的高度与需要的一样高)将修复它......

关于html - 除了在 IE 中,链接不显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14767781/

相关文章:

html - 如何用css在手机上实现按钮点击效果

html - Bootstrap 响应地垂直居中标题 div

css - 将鼠标悬停在一个一个 div 元素上以显示 2 个 div 子元素

html - 我的 CSS 不会链接到我的 HTML 文件

css - 突出显示时看不到换行符 <BR>

html - 如何在保持高度的同时让卡片内容在悬停时向上滑动?

javascript - 通过自定义数据/属性选择第二个元素

css - DIV 与表格或 CSS 与愚蠢

image - 如果图像位于 <a></a> 标签内,caroufredsel 图像 slider 不会显示图像

html - 如何在链接中传递参数以打开 VLC?