[分享]css两个背景怎么弄

在CSS中，可以为一个元素设置多个背景。这个功能在设计网页时可以使用非常方便。比如，可以设置一个背景图像，然后在这个图像的上方再叠加一个半透明的颜色背景，这样可以让文字等内容更加清晰易读。为了实现多个...

在CSS中，可以为一个元素设置多个背景。这个功能在设计网页时可以使用非常方便。比如，可以设置一个背景图像，然后在这个图像的上方再叠加一个半透明的颜色背景，这样可以让文字等内容更加清晰易读。

为了实现多个背景，可以使用CSS3新增的background-image属性。这个属性允许我们同时为一个元素设置多个背景。

background-image: url('background1.png'), url('background2.png');
background-position: right bottom, left top;
background-repeat: no-repeat; 

以上代码中，通过逗号来分隔不同的背景设置。第一个background-image设置为background1.png，第二个设置为background2.png。我们还可以通过background-position属性来设置每个背景图像的位置。代码中，第一个背景图像的位置为right bottom，第二个背景图像的位置为left top。最后，我们还可以设置这些背景图像的重复方式。代码中，我们将两个背景图像都设置为不重复（no-repeat）。

需要注意的是，如果同时设置多个背景图像，它们的位置是按照背景设置的顺序来排列的。在以上的代码中，我们先设置了background1.png，又设置了background2.png，因此background2.png会在background1.png上面。