[分享]css两张背景图片挨着放

在Web开发中，有时需要在一个元素上设置两张背景图片，并且让这两张图片挨着放。这时可以通过CSS实现。

.example {
    background-image: url(image1.png), url(image2.png);
    background-position: left top, right top;
    background-repeat: no-repeat;
} 

首先，在需要设置两张背景图片的元素中，使用background-image属性设置两张图片的URL。多张背景图片使用逗号分隔。

然后，使用background-position设置每张图片的位置。在本例中，第一张图片位于左上角，第二张图片位于右上角。多张图片的位置同样使用逗号分隔。

最后，设置background-repeat为no-repeat，使两张图片不重复显示。

需要注意的是，多张背景图片的顺序与background-image属性中声明的顺序一致。所以，如果需要调换两张图片的位置，只需要交换background-image属性中两张图片的URL的位置即可。

以上代码可以在大部分现代浏览器中运行，但在低版本IE浏览器中可能存在兼容性问题。可以考虑使用JavaScript来解决这些问题。