javascript - CSS 背景图片在 chrome 中不显示，在其他浏览器中有效

Question

我在页面加载时使用 javascript 动态创建了一个 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";