首页 文章

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

提问于
浏览
0

我有一个问题,页脚部分没有显示文本和图像 . 如果我尝试用鼠标“选择”,或者当我点击空间并拖动它时,我可以在这里看到它...文本图像在这个地方,它在HTML中 . 我尝试了绝对定位,尝试了z-index,几乎尝试了所有的CSS技术,我只是无法弄清楚为什么它没有正确显示 .

网站是WordPress和Magento集成 . 在WordPress页脚正常显示,但在Magento页面,我包括WordPress页眉和页脚 . Headers 似乎很好地显示,并且页脚也在那里,在HTML中但在浏览器上我从页脚看到的所有内容都是背景 .

查看页脚的显示方式 . 我已经耗尽了我的全部知识和选择,你能帮助我,如何解决这个问题,我甚至无法调试并看到导致问题的原因 .

提前致谢

3 回答

  • 1

    这是因为 kc-animated 下的 kc-animated 下面的样式

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

    将其更改为1,它应该看起来很好 . 尝试从您自己的样式覆盖此值,它应该工作

  • 1

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

    如果您在浏览器中打开检查器并在元素中搜索“有用链接”(这是不可见的文本位之一),则第三个父div具有不透明度设置的类

    .kc-animated {
        opacity: 0;
    }
    

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

    原因可能是你的一些动画代码有一个错字,你没有触发一些动画完成后不透明度增加 .

  • 1

    .kc-animated 上创建 opacity: 1 . 看这里:http://prntscr.com/d54m9e

相关问题