Question

我不知道之前是否有人问过这个问题。我正在研究MVC +安全应用程序并完成所有部分，但显示页面中存在一些小问题，下面是我的.css文件的代码段

body{  
    background-color:#D8D8D8;
    background-image:url("../css/logo.gif");
    background-repeat:no-repeat;
    background-position:right top;
    margin-right:200px;
    margin-left:15px;
    }

这是我公司的标志。现在我必须在页面的（位置：右下角）添加另一个图像。任何人都可以建议怎么做吗？还是不可能？

谢谢

Answer 1

background-image属性可以accept a comma-separated list of values in CSS3，但并非所有浏览器都支持它：

body{  
    background-color: #D8D8D8;
    background-image: url("../css/logo.gif"), url("../css/other-logo.gif");
    background-repeat: no-repeat, no-repeat;
    background-position: right top, right bottom;
    margin-right: 200px;
    margin-left: 15px;
}

如果您需要广泛支持，通常的方法是添加额外的包装元素。

Answer 2

这样的事情应该有效：

   body { background-image: url(image_1.jpg), url(image_2.jpg);
          background-position:top right, bottom right;
        }

使用CSS的背景上的多个图像？

2 个答案: