为什么我的背景图像过渡在火狐中不起作用
why my background-image transition is not working in firefox
我正在尝试更改div的背景图像,而不会对div内的内容产生任何影响。 我写了以下代码来更改背景法师。我不明白为什么Firefox没有响应我的css转换。是否有任何修复程序可以使它在IE和Firefox中工作。
目录
<body>
<header>
</header>
</body>
CSS
body {
margin: 0;
}
header {
height: 665px;
width: 100%;
background-image: url('image0.jpg');
-moz-transition: background-image 1s ease-in-out;
-webkit-transition: background-image 1s ease-in-out;
-ms-transition: background-image 1s ease-in-out;
-o-transition: background-image 1s ease-in-out;
}
Jquery
function preloadImages(array) {
if (!preloadImages.list) {
preloadImages.list = [];
}
for (var i = 0; i < array.length; i++) {
var img = new Image();
img.src = array[i];
preloadImages.list.push(img);
}
}
var imageURLs = [
"image0.jpg",
"image1.jpg",
"image2.jpg",
"image3.jpg",
"image4.jpg"
];
preloadImages(imageURLs);
var counterForBackgroundImage = -1;
function changeBackgroundImage() {
counterForBackgroundImage++;
if (counterForBackgroundImage > imageURLs.length-1)
counterForBackgroundImage = 0;
$('header').css('background-image', 'url(' + imageURLs[counterForBackgroundImage] + ')');
setTimeout(function() {
changeBackgroundImage();
}, 5000);
}
changeBackgroundImage();
背景图像 animate 属性未在 W3c 可动画列表中列出。
尝试使用诸如此类的技巧。
相关文章:
- 多个 socket.io 客户端连接不起作用(谷歌浏览器,火狐浏览器)
- 关闭在火狐 SDK 中不起作用
- 火狐浏览器 iframe 设计模式不起作用
- 为什么我的背景图像过渡在火狐中不起作用
- ng-click在火狐中不起作用
- 数字时钟在火狐中不起作用
- 到ISOString在火狐中不起作用
- 鼠标移动事件在火狐中不起作用
- 帖子数据在火狐浏览器上不起作用
- 窗口绑定在火狐浏览器中不起作用
- 浏览器关闭事件 对于火狐浏览器不起作用
- 锚标签禁用在火狐中不起作用
- 是否有修复“滚动到”jquery 函数在火狐中不起作用的问题
- 引导滚动间谍偏移高度在火狐中不起作用
- 月年格式的日期控制在火狐中不起作用
- JQuery 选择器在火狐浏览器上不起作用
- 画布绘图应用程序在火狐中不起作用
- 设置图像 SRC 在火狐浏览器上不起作用
- 预防保存弹出窗口的默认在 chrome 中工作,但在火狐中不起作用
- 点击浏览器的后退按钮后,身体加载在火狐中不起作用