Question

我已经尝试将背景图片放到我的页面上，我尝试过使用css类，但它不起作用。它的唯一工作方式是通过样式标签。但是，当我使用它与动画回来不起作用。这是我的代码片段。

<div data-role="page" id="three" style="background:url('background1.jpg') repeat-x; -webkit-animation: animateBackground 15s infinite;">
        <div  id="1"><img  src="cake.png" alt="where is my cake?" /></div>
        <div  id="2"><img  src="cake.png" alt="where is my cake?" /></div>
        <div  id="3"><img  src="cake.png" alt="where is my cake?" /></div>
       <button id="startShuffle">click</button>  
</div>

CSS：

@-webkit-keyframes animateBackground {
    from { background-position: 0 0; }
    to { background-position: 100% 0; }
}

请告诉我这样做或以其他方式更改jquery页面的背景图片。

Answer 1

我做了一个小提琴，适合我。

https://jsfiddle.net/43ny6zna/

我将上述代码从之前的回答更改为：

 parent.history.back();  --> window.history.back();

背景似乎是动画和后退按钮的工作原理。

也许背景不起作用，因为实际的图像位置不匹配。也许它与html文件位于不同的文件夹中。

所以我用链接替换了它，代码运行正常以加载背景。

最后，

您是否已将jQuery库加载到页面中？将此<script src=code.jquery.com/jquery-1.11.2.js></script>添加到您的HTML文件中。

使用动画时，Jquery后退按钮不起作用

1 个答案: