将图像链接与文本对齐会禁用链接

时间:2014-01-29 20:51:25

标签: html css

我有一个图片和一组链接,我试图在页面上对齐。

我在这里做了一个例子http://bootply.com/109411

基本上,当我将它们对齐时,图像不再像链接那样。

如果我从position: relative;移除#static-links或从height: 100px;移除.fixedheight,则图片现在就像链接一样,但内容不再对齐。

我想知道为什么会发生这种情况,以及如何在不破坏图片链接的情况下让内容进行底部对齐。

由于

1 个答案:

答案 0 :(得分:1)

似乎因为#static-links div相对定位,它会创建一个全宽度的图层,遮住它后面的徽标/链接元素。实际上,链接仍然有效,但是光标无法触摸它,因为#static-links正在隐藏它。

尝试将位置:relative(也许是“z-index:1”)添加到包装徽标/链接的div中。这将使它在#static-links上方一层,并使其可点击。