css - Div 使图像上的链接不可点击

标签 css html href xhtml-transitional

我试图在我的网站上将 Twitter 和 Facebook 图像放置在我的肖像旁边,但为了获得正确的定位,我必须使用 div。问题是,当我向图像添加一个 div 和一个指向它的链接时,div 使图像无法被点击并转到链接。我无法摆脱 div,因为这是正确定位图像的唯一方法。我将在下面发布带有代码的 JSfiddle。

JSFiddle:http://jsfiddle.net/HeyItsProdigy/RVUhV/

问题领域:<div id="facebook"><a href="http://www.facebook.com"><img src="fb.png" height="101" width="101" /></a>

最佳答案

问题和你描述的不完全一样。问题是您的定位导致您的 Twitter 元素与其他元素重叠,这使得它们不可点击。

不幸的是,没有一个简单的解决方案。我认为您将不得不重新考虑整个 CSS 结构,包括消除已弃用的 <center>标签来解决这个问题。祝你好运。

关于css - Div 使图像上的链接不可点击,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18155107/

相关文章:

css - 如何将选择列表转换为条形按钮?

ruby-on-rails-4 - React-router 中没有带链接的 href

javascript - 使用 css 和 jQuery 制作字母动画

jquery - 为什么不使用 jQuery 呈现 css?

java swing获取div html的属性样式

JavaScript:将 <div> 元素移到列中 2 个元素之后的右侧

javascript - 在动态创建的文本区域中实现脚本

javascript - Vanilla JavaScript 代码在控制台中运行,但不能在 (greasemonkey) 脚本中运行

javascript - 元素的 href 属性已被 javascript 删除,但它仍然存在于页面源代码中

css - 通过 grid 或 flex 使一系列单元中的最后一个占据整个位置?