我有一个 Sharepoint 网站，我想更改 Logo 。我想要一张照片在左边，一张照片在右边。因此，我在网站的 Assets 中创建并上传了一个 doublelogo.css 文件，其中包含以下内容:
.s4-title {
background: url(PIC1.jpg), url(PIC2.jpg);
background-color:#FFCC00;
background-position: left, right;
background-repeat: no-repeat;
min-height:99px
}
之后我添加了对 <HEAD> 的引用我网站的部分(v4.master 文件)是:
<link rel="stylesheet" href="/siteassets/doublelogo.css" media="screen" />
使用 Chrome 打开我的网站，它按预期工作。即使当我通过放大和缩小浏览器窗口来测试图片时，图片左右仍然稳定。好的
但问题是每当我用 ie8 或 ie9 打开网站时。
我读到有一种解决方法可以将一个 div 放入另一个 div 中，但我需要这方面的帮助，因为我不太了解该过程。
有人可以帮助我吗？
(我实际上想要有两个 Logo ，因为当我有一个 Logo 时，并更改计算机的分辨率， Logo 会增加或减少，这是我不想要的。)
最佳答案
您是否尝试使用 background-image 而不是 background:
background-image: url(PIC1.jpg), url(PIC2.jpg);
如果您想支持 IE8，您可以使用两个额外的 div 来解决此问题，IE9 应该支持两个背景图像 URL。
看看this list上caniuse.com浏览器支持多种背景。
编辑:
我创建了一个带有嵌套 div 的示例:
我使用了 background-color 并且 div 的大小不同只是为了向您展示，您可以简单地使用 background-image 来代替。
关于css - 一个元素中有两张背景图片，但 IE 不显示，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9720421/