html - href 不能与 img 一起使用?

标签 html css

我有代码

<div><a href="example.php"><img ...></a></div>

Img 的宽度为 100%。我尝试了 a {display: block} 但它没有帮助。我认为 img 会覆盖 a。如何解决这个问题?

最佳答案

图片的高度和宽度为 100%,图片现在充当链接对象,点击它应该会带您到您的链接。

我在我的一个页面中尝试了你的场景,我注意到我的图像的某些部分(在我的例子中,从顶部到大约 70 像素)不能用作链接区域(鼠标悬停在那个区域会显示指针光标)。我不知道为什么,但看起来好像有一个 div 在背景上与 img 标签所在的 div 标签重叠。如果是这种情况,我建议你检查你的情况.

关于html - href 不能与 img 一起使用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43818446/

相关文章:

php - mysql_fetch_assoc 不返回任何内容(不是 null、不是 0、不是 "")

c# - 在 asp.net 中导入什么来自定义光标?

javascript - 标题未完全隐藏或滚动到顶部时,粘性菜单快速跳转到顶部

javascript - 右 css 递减 4.5px 宽度递减 10px

css - SASS:在 index.js 中导入的 scss 不呈现(使用 create-react-app)

css - 不使用 Material 的调色板颜色创建 Angular 主题

html - 带有子菜单的导航菜单未保持突出显示

html - 一行三个 div,第二行第四个

html - 带有图像的 Bootstrap 自定义导航栏

html - CSS 固定定位和滚动条