javascript - CSS背景图片无法在Chrome中显示，但可以在其他浏览器中使用

我有一个用javascript在pageload上动态创建的div。它可以在IE9和Firefox中正常工作，但是在chrome中加载时不会显示背景图片。这是Chrome中的错误，还是我缺少了什么？

#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";