gpt4 book ai didi

javascript - 随机背景更改仅适用于 Firefox?

转载 作者:行者123 更新时间:2023-11-28 20:25:29 24 4
gpt4 key购买 nike

我的代码似乎在 Firefox 上运行完美。但是当我想在 IE 或 Chrome 上运行它时,我的背景似乎是空白的。我的代码有问题吗?或者我测试的浏览器根本不支持它?

<html>
<head>
<script>
window.onload = function () {
var imgs = [
'images/1.jpg',
'images/2.jpg',
'images/3.jpg',
'images/4.jpg',
'images/5.jpg',
'images/6.jpg'
];
document.body.style = 'background: url(' + imgs[Math.round(Math.random() * imgs.length)] + ') no-repeat ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;';
}
</script>
<link rel="stylesheet" type="text/css" href="styles.css" />
</head>

<body>
<?php include ("header.php"); ?>
<div align="center" >
<?php include ("main.php"); ?>
<?php include ("footer.php"); ?>
</div>
</body>

最佳答案

你的语法错误。应该是:

var body = document.body;
body.style.background = 'url(' + imgs[Math.round(Math.random() * imgs.length)] + ') no-repeat';
body.style.webkitBackgroundSize = 'cover';

http://jsfiddle.net/CGsxB/

在 Firefox 中以字符串形式一次性设置一堆属性可能会起作用,但一般来说,您应该单独设置各个样式属性。

关于javascript - 随机背景更改仅适用于 Firefox?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17502883/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com