clip:rect(px,px,px,px)について

解決済

質問者：leap_day
質問日時：2007/09/23 21:42
回答数：2件

お世話になります

clip:rectを試しているのですが疑問があるので教えていただきたいのですが

<style type="text/css"></style>

<div id="clip">
あいうえお<br>
かきくけこ<br>
さしすせそ<br>
</div>

Firefox、Operaでは表示されているのですがIE6ではclipされずに全表示されています

サイト検索してもIE6は対応しているように書かれているのですが・・・(例文は大抵imgでしたけど)
そしてclipを動的にするとIE6でもちゃんとなるのですが何故でしょう？

<script language="javascript"></script>
<style type="text/css"></style>
<body onload="move(150,250,150,250)">
<div id="game"></div>

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： himajin100000
回答日時：2007/09/24 12:21

訂正です。

スレ読んだだけで仕様をしっかり読んでませんでした。

Authors should separate offset values with commas.
CSS記述者はオフセット値をカンマで区切るべきである。
User agents must support separation with commas,
User Agentsはカンマ区切りをサポート【しなければならない】が

but may also support separation without commas, because a previous revision of this specification was ambiguous in this respect.
この仕様の前回の版ではこの点について曖昧な記述だったため，
カンマなし区切りをサポートしても良い。

#おそらくIEの開発は，この前版までの情報を頼りに製作されていたんじゃないかなあ

- 0
- 件

通報する

この回答へのお礼

回答ありがとうございます

ckip:rectで検索したときにコンマ区切りのものとスペース区切りのものがあったのでどっちが本当なのかな～とは思っていたのですが回答を得てすっきりしました

自分の作ったソースを見直してみたら確かに静的なほうはコンマ区切り、動的なほうはスペース区切りで作っていましたね（－－；）

スペース区切りでやるときちんと表示されました

ありがとうございました

通報する

お礼日時：2007/09/24 19:40

No.1

回答者： himajin100000
回答日時：2007/09/24 11:54

http://www.velocityreviews.com/forums/t156626-ie …
によると

CSS 2.1の仕様では
http://www.w3.org/TR/CSS21/visufx.html#propdef-c …

clip:rect(5px,40px,40px,5px);
というようにカンマ区切りにするのが正しいがこれではIE6では動作しない。
【CSSとして正しくない】が，
clip:rect(5px 40px 40px 5px);
のようにスペース区切りだとIE6で動作するらしい。実際記述されたjavascript/JScriptソースはスペース区切りになっている。
(俺はIE7でしか検証してないが，確認できた)