固定附件背景图像闪烁/时,再加上CSS变换消失在C​​hrome [英] Fixed attachment background image flicker/disappear in chrome when coupled with a css transform

查看:178
本文介绍了固定附件背景图像闪烁/时,再加上CSS变换消失在C​​hrome的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我目前在做的视差的网站主题。背景图像需要固定的某些'div的和部分的避免jQuery的一切沉溺连接。问题是标签下面的动画项目的背景图像消失,而转型正在做,只在谷歌浏览器。解决办法?

I am currently doing a parallax website theme. The background images need to be attached as fixed for certain 'div's and 'section's to avoid jquery indulging in everything. The problem was the background images of the tags below any animated item disappeared while the transformation is being done, only on Google Chrome. Remedy?

推荐答案

这是一个非常常见的未解之谜。最近我有同样的问题,而-webkit-背面能见度:隐藏,被证明是小于无用的(在我的固定附背景),由于背景,当它被设置就消失了。 (附加信息:原因在于,当背景被设定为固定的,它几乎是类似放一个固定格的背景和设定原始格背景为透明的隐藏背面确实明显)。

This has been a very common unsolved mystery. Recently I had the same problem, and '-webkit-backface-visibility: hidden', proved to be less than useless (on my 'fixed' attached background), since the background just disappeared when it was set. (Additional Info: the reason is that when the background is set as fixed, it is almost similar to putting a fixed 'div' in the background and setting the original div background to be transparent. Hidden backface does the obvious).

要解决当前的问题,尝试设置的位置元素的属性格式为静态,或者,如果你给它一些其他的价值,即'的相对的','的固定的'或'的绝对的',只是删除这些文件。

To solve the current problem, try setting the 'position' propery of the element as 'static', or if you have given it some other value, namely 'relative', 'fixed' or 'absolute', just remove those.

如果您不记得设置position属性,并且问题仍然存在,我的建议是,你在Chrome或Firefox使用调试工具,以

If you don't remember setting the position property, and the problem still persist, my suggestion is that you use a debugging tool on chrome or firefox, to

确保没有手动设置值的位置属性比其他
  静态。

刚刚花了一个半小时的搜索......以为这样可以使你更容易...问候。 :)

Just spent half an hour searching... Thought this could make it easier for you... regards. :)

这篇关于固定附件背景图像闪烁/时,再加上CSS变换消失在C​​hrome的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆