使图像在偏斜的div正常内

Question

如下所下。我正在尝试制作内容，在这种情况下，这是DIV内部应该偏斜的图像。换句话说，DIV应偏斜，而内部的图像也不。

我正在使用：

-ms-transform: skew(-15deg, 0deg);
-webkit-transform: skew(-15deg, 0deg);
transform: skew(-15deg, 0deg);

Answer 1

只需向孩子添加相反的值即可。因此，将以下内容添加到图像：

/* positive 15deg */
-ms-transform: skew(15deg, 0deg);
-webkit-transform: skew(15deg, 0deg);
transform: skew(15deg, 0deg);

编辑：

这是一个工作演示。