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

-3

我有一个旋转的，绝对定位的div在容器div内。剪辑和变换：旋转（...）

我想剪辑旋转的div，使其适合容器内。我可以这样做吗？

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

我试过clip: rect(auto,auto,auto,auto)，我相信应该为我剪裁。

来源

2014-09-13 Leo

请......你必须至少表现出一些努力。 – Dan 2014-09-13 18:53:54

谢谢@丹。我当然试过，但我不知道它为什么失败。那么所有这些可能会降低这个请告诉他们如何修复它？ ;-) – Leo 2014-09-13 18:58:47

从你试过的代码发布代码 – Dan 2014-09-13 18:59:38

首先，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>从盒子的顶部边框边缘指定偏移，和<right>和<left>指定了框左边缘的偏移量。作者应该用逗号分隔偏移值。

这意味着：元素本身

clip作品。没有其他元素受到影响。
clip: auto或clip: rect(auto, auto, auto, auto)对元素没有影响，因为它与根本不裁剪元素相同。任何可能有效的转换都是无关紧要的，因为它们实际上将剪辑区域与元素的其余部分一起转换。

要将绝对定位的元素剪辑到其包含的块中，请改为在包含块上使用overflow: hidden。确保您实际使用position: relative或类似名称指定其包含的区块。

来源

2014-09-14 09:28:18 BoltClock

感谢BoltClock，非常好！我并没有真正意识到这个'剪辑'被解除了。我看到[MDN]（https://developer.mozilla.org/en-US/docs/Web/CSS/clip）提到了它，但是提到了'clip-path'，这相当具有误导性。这只是让我想到语法的改变。（似乎已经有不同的方法来解释'rect（auto，auto，auto，auto）'，但是因为'clip'被解除了，所以没有什么可以关心的） – Leo 2014-09-14 14:03:19

as IE still（10/2016）目前为止还不支持剪辑路径，剪辑仍然是正确的选择。如果你需要非直接的形状，你可以去SVG。 – Gerfried 2016-10-20 08:49:38

如果您需要支持IE，请使用剪辑或SVG。如果IE尚不支持剪辑路径，它永远不会。 IE没有获得更多新功能。没有点等待。 – BoltClock 2016-10-20 08:57:16

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

回答

相关问题