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

时间:2016-11-09 15:09:59

标签: jquery css wordpress magento-1.9

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

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

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

提前致谢

3 个答案:

答案 0 :(得分:1)

这是因为kc-animated <{1}}

下的<footer> div上的以下样式
@media screen and (min-width: 768px)
  .kc-animated {
     opacity: 0;
  }
}

将其更改为1,它应该显得正常。尝试从您自己的风格&amp;中覆盖此值它应该工作

答案 1 :(得分:1)

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

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

.kc-animated {
    opacity: 0;
}

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

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

答案 2 :(得分:1)

opacity: 1课程上.kc-animated。见这里:http://prntscr.com/d54m9e