原子文本编辑器没有设置背景图像

Question

我正在尝试从帖子中为我的原子文本编辑器设置背景 https://discuss.atom.io/t/setting-background-images/9002

我尝试了相同的代码，我不确定编辑器为什么不渲染任何背景图像。有人可以帮忙吗？

我正在附上样式表。用于设置背景的样式位于代码段的最后7行。

/*
 * Code by William Chang and Matt McFarland
 * https://medium.com/@docodemore/an-alternative-to-operator-mono-font-6e5d040e1c7e#.ofkdp0aww
 * flottflott - http://www.dafont.com/flottflott.font
 * Fira Code - https://github.com/tonsky/FiraCode
*/

atom-text-editor {
    font-family: 'Fira Code';
    font-style: normal;
    text-rendering: optimizeLegibility;
}

atom-text-editor.editor {
    background: rgba(0,0,0,0);
    .syntax--string.syntax--quoted,
    .syntax--string.syntax--regexp {
        -webkit-font-feature-settings: "liga" off, "calt" off;
    }

    .syntax--source.syntax--js.syntax--jsx > .syntax--keyword.syntax--control.syntax--flow.syntax--js,
    .syntax--storage,
    .syntax--type .syntax--function {
        vertical-align: baseline;
        font-family: 'flottflott';
        height: inherit;
        font-size: 1.5em;
        line-height: 1rem;
    }

    .syntax--storage.syntax--type.syntax--function.syntax--arrow.syntax--js {
        font-size: 1.5em;
        line-height: 1rem;
    }

    .syntax--comment {
        font-style: italic;
    }

    .syntax--source.syntax--js.syntax--jsx > .syntax--keyword.syntax--control.syntax--flow.syntax--js {
        font-family: 'Fira Code';
        font-style: normal;
    }

    .syntax--string.syntax--unquoted.syntax--js {
        color: #CDD3DE;
    }

    .syntax--entity.syntax--name {
        font-weight: bold;
    }
}
.pane {
    background: url('http://gzhaixier.com/data/out/62/46169594-dark-background-images.jpg');
    background-size: cover;
}
.editor {
    background: rgba(0,0,0,0);
}

谢谢！