I've been struggling to load a background image or color on my webpage. Despite trying various methods, including commenting out javascript files and checking the stylesheet link, nothing seems to work. Even when I load the three.js scene with javascript, the autoClearColor function doesn't seem to have any effect. I've researched different approaches through tutorials and forums, but none of them have solved the issue. Below is the part of my code where I suspect the problem lies (javascript followed by css):
renderer = new THREE.WebGLRenderer({
alpha: true,
})
//renderer.autoClearColor = 0xF7BDFF
renderer.setSize(innerWidth, innerHeight)
document.body.appendChild(renderer.domElement)
body{
background-image: url('images/abstractdraw.png')
}