cssdiv倾斜45度，背景图不倾斜

要实现DIV倾斜45度，但背景图不倾斜，可以使用CSS3中的transform属性来对DIV进行倾斜，再使用transform-style: preserve-3d属性对背景图进行反向倾斜，从而实现背景图不倾斜的效果。具体实现步骤如下：

1. 创建一个DIV。

2. 使用transform: skewX()或者transform: skewY()属性将DIV向左或向右倾斜45度。

3. 在DIV中设置背景图，并使用transform: translateZ()属性将其向相反方向移动一定距离，再使用transform-style: preserve-3d属性对其进行反向倾斜。

以下是实现代码示例：

.container {
  width: 200px;
  height: 200px;
  background-image: url("background.jpg");
  background-size: cover;
  transform: skewX(-45deg);
  position: relative;
}

.background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translateZ(-1px) skewX(45deg);
  transform-style: preserve-3d;
}

其中，container表示DIV容器，background表示背景图，skewX(-45deg)表示将DIV向左倾斜45度，translateZ(-1px)表示将背景图向右移动1像素，skewX(45deg)表示将背景图向右倾斜45度，preserve-3d表示保持背景图的三维空间属性，可以根据实际需要进行调整。