渲染CSS背景图像

时间:2017-03-17 07:57:43

标签: css xhtml

我在服务器文件夹上有一个图像(C:\ resources \ image \ client-a.jpg)。是否可以以如下方式呈现背景图像:如果client-a.jpg可用,则渲染它,否则渲染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>

1 个答案:

答案 0 :(得分:0)

您可以使用多个图像,前提是它们不像这样透明

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

因此,当第一个不可用时,将显示第二个。