jquery - 具有视差效果问题的背景图像 chrome

标签 jquery html css google-chrome background-image

我正在开发一个具有视差效果的网站。该站点分为一些部分,并且有一个菜单可以控制这些部分的导航。鼠标滚动被禁用。

我的问题是,当我尝试在 Google Chrome 中打开网站时,第 2、3、4 和 5 部分的背景图像没有显示。这个问题本周开始出现。在此之前,网站是正常的。

我在 Firefox 和 Opera 中测试都是正常的。

我得到这个布局的基础:http://www.ratatattoo.it/同样的问题也发生在那里。

我的网站是:http://www.tmaki.net .

PS:对不起,我的英语不好。

最佳答案

Ricardo 我相信我知道你的问题是什么。 我遇到过类似的问题,这可以通过多种方式解决。问题围绕背景附件:已修复;属性(property)。

这个问题在here.之前已经解决了一次

还有另一种解决方案。通过向背景图像添加过渡以有效地移动它的位置然后重置它。尝试使用具有固定位置的背景图像将此代码添加到每个元素。

-moz-transform: translateX(0px);
-webkit-transform: translateX(0px);
-o-transform: translateX(0px);
-ms-transform: translateX(0px);
transform: translateX(0px);

关于jquery - 具有视差效果问题的背景图像 chrome,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32482152/

相关文章:

javascript - 使用 img onclick 更改显示属性以阻止

css - 页眉和页脚 DIV 与中间内容重叠

javascript - 事件委托(delegate)需要多少元素才能变得有值(value)?

javascript - jQuery 可以缩短一系列 innerHTML 语句吗?

javascript - 为什么这个 jquery 不起作用?

html - 棘手的样式创建空白

html - 药丸选项卡面板中的嵌套选项卡在 Bootstrap 中不起作用

html - 所有标题文本在移动 View 中都有一条线

javascript - Safari 上的 Font-Awesome onclick 问题,适用于 Chrome 和 Firefox

javascript - ajax验证成功后才提交表单