html - 使倾斜的div内的图像正常

如下问题。我正在尝试制作内容，在本例中是 div 中应该倾斜的图像。换句话说，div 应该是倾斜的，而里面的图像不是。

我正在使用:

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

最佳答案

只需将相反的值添加到子项即可。因此，将以下内容添加到图像中:

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

编辑:

这是一个有效的 demo .

关于html - 使倾斜的div内的图像正常，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/47456709/