剪辑和变换：旋转（...）

Question

我在容器div中有一个旋转的，绝对定位的div。

我想剪切旋转的div，使其适合容器内部。我能这样做吗？

编辑：对于那些不知道这一点的人，请参阅CSS3 clip。我无法做到这一点。 （镀铬）

我试过clip: rect(auto,auto,auto,auto)，我认为应该为我做剪辑。

Answer 1

首先，clip isn't new to CSS3。实际上，it's been deprecated in favor of an entire collection of new properties。

其次，这是CSS2.1规范关于clip所说的内容：

  

在CSS 2.1中，唯一有效的<shape>值为：rect(<top>, <right>, <bottom>, <left>)其中<top>和<bottom>指定了框顶部边框边缘的偏移量，{{1 }和<right>指定框左边缘的偏移量。作者应使用逗号分隔偏移值。

这意味着：

• <left>适用于元素本身。没有其他因素受到影响。
• clip或clip: auto对元素没有影响，因为它与完全不剪切元素相同。任何可能有效的变换都是无关紧要的，因为它们实际上会将剪切区域与元素的其余部分一起变换。

要将绝对定位的元素剪切到其包含的块，请在包含的块上使用overflow: hidden。确保使用clip: rect(auto, auto, auto, auto)或类似名称实际指定其包含块。