Javascript CSS背景图像不';t在chrome中显示,可在其他浏览器中使用
我用javascript在pageload上动态创建了一个div。它在IE9和Firefox中正常工作,但在chrome中加载时不会显示背景图像。这是chrome中的一个bug,还是我遗漏了什么Javascript CSS背景图像不';t在chrome中显示,可在其他浏览器中使用,javascript,css,google-chrome,background-image,Javascript,Css,Google Chrome,Background Image,我用javascript在pageload上动态创建了一个div。它在IE9和Firefox中正常工作,但在chrome中加载时不会显示背景图像。这是chrome中的一个bug,还是我遗漏了什么 #dateTime{ background-image:url('datebg_transparent.png'); background-repeat:no-repeat; background-attachment:fixed; background-posit
#dateTime{
background-image:url('datebg_transparent.png');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:top right;
text-align: right;
padding-top: 5px;
padding-right: 8px;
position:fixed;
color:white;
font: Times;
font-size: 1.5em;
top:0px;
right:0px;
width: 50%;
height: 20%;
}
这是创建它的js,如果这很重要的话。函数被多次调用以重置div中显示的日期/时间,因此它首先检查div是否存在
var dateDiv = document.getElementById('dateTime');
if (!dateDiv) {
dateDiv = document.createElement('div');
dateDiv.id = 'dateTime';
document.body.appendChild(dateDiv);
}
我们找到了解决办法!你有这个:
dateDiv.style.width = "50%";
将其更改为:
dateDiv.style.width = "736px";
您正在使用的图像大小?@AspiringAqib它是736 x 70我们可以得到一个演示吗?或者如果你不能链接到网站?因为不是所有的问题,但只有在我们能够:P@AspiringAqib另外,我刚刚意识到图像确实加载了,但只闪烁了一秒钟,然后hiddeni只检查了它的chrome!这很烦人,我想我的chrome有些问题。我甚至刚刚更新到新的测试版,但它仍然没有显示在我的。但如果其他人至少可以在chrome中正确地查看它,我就不会太担心了。谢谢哇,伙计,我编辑了代码,然后显示出来了<代码>dateDiv.style.width=“736px”代码>是的,它仍然没有在chrome中显示。但它显示在所有其他浏览器中,包括我的移动设备。因此,我必须找出我的浏览器出了什么问题,但我认为你的答案无论如何都是有用的。哦,伙计,它在我的膝盖上工作:)我还附上了一张我的答案的图片!