Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript CSS背景图像不';t在chrome中显示,可在其他浏览器中使用_Javascript_Css_Google Chrome_Background Image - Fatal编程技术网

Javascript CSS背景图像不';t在chrome中显示,可在其他浏览器中使用

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

我用javascript在pageload上动态创建了一个div。它在IE9和Firefox中正常工作,但在chrome中加载时不会显示背景图像。这是chrome中的一个bug,还是我遗漏了什么

#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中显示。但它显示在所有其他浏览器中,包括我的移动设备。因此,我必须找出我的浏览器出了什么问题,但我认为你的答案无论如何都是有用的。哦,伙计,它在我的膝盖上工作:)我还附上了一张我的答案的图片!