响应式设计上缺少链接

时间:2014-12-18 02:04:51

标签: html css twitter-bootstrap

我在尝试修复由其他人构建的网站时遇到了一些问题。似乎以前的开发人员使用的BootStrap是如何使用的,我不是专家。检查代码时,我可以看到#footer类有一个引用,但找不到确切的问题。问题是......社交媒体图标很少,在常规网站上它们可以点击并且工作正常,但是当您调整网站大小以便响应时图像就在那里但是链接消失或无法工作......

知道如何解决这个问题吗?

网站链接位于:http://tie.com.sa/index.html

提前致谢...

法瓦兹

1 个答案:

答案 0 :(得分:1)

您可以添加一些"优先级"使用position: relativez-index添加元素。

页脚的描述与图标重叠。

只需将如下所示的属性和值添加到#footer ul

#footer ul {
  position: relative;
  z-index: 9999;
}