javascript - CSS background-image 不显示在 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";