剪輯和變換：旋轉（...）

-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

剪輯和變換：旋轉（...）

回答

相關問題