我的背景图片不会显示在 div 上

Question

我正在尝试在 jQuery 中创建一个 div 并为其添加背景图像。由于某种原因，我不能这样做。如果我改为将背景颜色设为白色，则会得到白色背景。这是我的代码：

function appendToDom(poster) {
        var aPoster = $('<div>');
        aPoster.css({
                display: 'inline block',
                float: 'left',
                margin: '10px',
                marginLeft: '37px',
                marginTop: '20px',
                width: '200px',
                height: '300px',
                fontSize: '36px',
                color: 'black',
                //backgroundColor: 'white',
                backgroundSize: '200px 300px',
                backgroundImage: './../images/question.png'
            })
            /*
                    $(aPoster).attr("css","background-image: url(~/desktop/MyMovies/public/js/images/question.jpeg)");
                    $(aPoster).attr("css","background-size: 200px 300px");*/
        $(main).append(aPoster);
    }

感谢所有建议！所以我接受了给我的建议，但它仍然对我不起作用。这是我所拥有的截图：

my improved code

NVM 我明白了！谢谢！

Answer 1

试着让你的方法看起来像这样......

 aPoster.css({
            'display': 'inline block',
            'float': 'left',
            'margin': 10,
            'margin-left': 37,
            'margin-top': 20,
            'width': 200,
            'height': 300,
            'font-size': 36,
            'color': 'black',
            'background-color': 'white',
            'background-size': '200px 300px',
            'background-image': 'url("./../images/question.png")'

试试这样的，看看你会得到什么。您还注意到我摆脱了像素值。因为像这样的 CSS 属性的 JavaScript 的默认值以像素为单位。试试看它是否有效。希望这有帮助。哦，最后一件事，如果您使用外部脚本，请不要忘记使用 URL 并使其相对于脚本本身而不是您的主页...但在您的情况下，样式将内联添加到div 元素，因此您可能应该将其设置为相对于您的主页，即创建 div 的页面...

Answer 2

如果样式像您的情况一样是内联的，则路径必须相对于 html 文档。请检查一下。