奇怪的 CSS 问题，页脚部分的文本和图像不可见

Question

我遇到页脚部分中的文本和图像未显示的问题。如果我尝试用鼠标 "select"，或者当我单击 space 并拖动它时，我可以在此处看到它...文本和图像在该位置，它在 HTML.我尝试了绝对定位，尝试了 z-index，尝试了几乎所有 CSS 技术，我只是想不通为什么它不能正确显示。

网站集成了 WordPress 和 Magento。在 WordPress 页脚正常显示，但在我包含 WordPress 页眉和页脚的 Magento 页面上。页眉似乎显示得很好，页脚也在那里，在 HTML 中，但在浏览器上，我从页脚中看到的只是背景。

查看页脚的显示方式。我用尽了我所有的知识和选择，你能帮我吗，如何解决这个问题，我什至无法调试并查看导致问题的原因。

提前致谢

Answer 1

是因为kc-animateddiv下<footer>

下面的样式

@media screen and (min-width: 768px)
  .kc-animated {
     opacity: 0;
  }
}

将其更改为 1，它应该看起来不错。尝试从您自己的样式中覆盖此值，它应该可以工作

Answer 2

正在 http://vitalmotion.3anglecorp.com/shop/hummingbird.html 查看蜂鸟版本，但正如您所说，文本是不可见的。

如果您在浏览器中打开检查器并在元素中搜索 'useful links'（这是不可见的文本位之一），那么排在第三位的父项 div 具有 class 不透明度设置为

.kc-animated {
    opacity: 0;
}

Opacity = 0 表示不可见。所以这就是原因。如果将其关闭或设置为 1，则可以看到文本。

原因可能是你的某些动画代码有错字，你没有在某些动画完成后触发不透明度增加。

Answer 3

在 .kc-animated class 上制作 opacity: 1。看这里：http://prntscr.com/d54m9e

Weird CSS Issue, Text & Images in footer section not visible