css - 画像をクリップできません (css)

Question

style.clip を使用してトリミングしたい画像があります

<div><img src="someimage.jpg" style=" z-index:1000; width:200px; height:200px; position:absolute; top:10px; left:10px; clip:rect(30px 15px 30px 15px); overflow:hidden;" id="zoom1"/></div>

しかし、うまくいきません。画像が消えるだけです。

画像をトリミングしないのはなぜですか？

Answer 1

あなたは;後に行方不明ですhidden

そして、これはあなたの不足している成分です：

display: block;

フィドル: http://jsfiddle.net/6XGV3/