渲染CSS背景图像

Question

I have an image on server folder (C:\\resources\\image\\client-a.jpg). Is it possible to render the background-image in such a way that if client-a.jpg is available, then render it else render client-default.png?

    <style type="text/css">
    #divElement {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -200px;
        margin-left: -400px;
        background-image: url(/TestWeb/theme/client-default.png);
        width: 800px;
        height: 400px;
    }
</style>

Answer 1

You can use multiple images provided they are not transpareny like this

background-image: url(/image/client-a.jpg),url(/image/client-default.png);

So when the first is not available the second will be displayed.