作者hit1205 (帮你把勇气装满)
看板Web_Design
标题Re: [问题] 试用clip的功能却失败了...?
时间Fri Aug 30 20:17:09 2013
※ 引述《jjbrian (jjbrian)》之铭言：
: clip: rect(20.5, 99.89, 230.5, 159.89);
^^^^^ ^^^^^^
问题出在这两个值。这四个值分别是 "上", "右", "下", "左"，
可参考 W3C 的说明图：
http://www.w3.org/TR/CSS2/images/clip.png
而你的 "右" 比 "左" 还要小，所以图就没被框到了。
另一个问题则是，根据 W3C 的文件，rect() 里的值 "要有单位"
http://www.w3.org/TR/CSS2/visufx.html#value-def-shape
例如这个样子：
clip: rect(20.5px, 159.89px, 230.5px, 99.89px);
PS. 我在测试这些 code 的时候发现一件事，
Chrome 和 Firefox 看来是允许无单位的，会当成 px，
这我目前还没找到资料，所以不太清楚原因
但根据测试，IE 是一定要有单位的，
无单位时就会出现你说的 "图没有被clip" 的情形
--
═ 风痕影
════════════════════════════
「藤井树，这主意虽好，但是，我喜欢统一，而不是光泉耶！」
══════════════════════ http://hit1205.org ═
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 123.241.200.180
1F：推 TCFmars:用心推 10/11 01:40