使倾斜的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);

修改

这是一个有效的demo。