clip:rectで切り取り範囲を指定する際の注意点

昨日の記事で紹介した画像付き商品紹介ですが、
IEで確認したところ(かなり)崩れていたのでちょっとばかり訂正しました。

ちゃんと確認しないといけませんね。。
Link:jQuery(カルーセル)で作る、画像付き商品紹介
一つはclip:rectの範囲指定。

FireFoxで見たときは問題なかったのですが、
IEで確認するとclipされていませんでした。
これはどうもIEが悪い(?)ようです。
CSS的には最初のカンマ区切りが正しいようです。
→clip:rect(0px, 575px, 64px, 24px);
しかし、これだとIEでは動作しないそうです。
スペース区切りにかえると大丈夫でした。

(範囲もちょこっと変えました)
→clip: rect(0px 550px 64px 24px);
参考:clip:rect(*px,*px,*px,*px)について(教えてgoo)
あとはjqCarouselの幅をちゃんと指定しないと→がきかなかったので、指定しました。

これでとりあえず大丈夫…かな?

広告

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です