CSS background-image不显示在chrome中，适用于其他浏览器

Question

我有一个使用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);
    }

Answer 1

很好的解决方案！你有这个：

dateDiv.style.width = "50%";

将其更改为：

dateDiv.style.width = "736px";