指定した縦、横のサイズをオーバーした画像を表示する際

[新着] Webテンプレートを仮オープンしました

0   名前： こーえー ： 2007/04/09（月） 06:42  ID:I2Cc9f2n sub-gm
よろしくお願いします。
画像を表示する際に、CSSで「overfloat:hidden」を指定しています。
従って、指定した縦のサイズをオーバーした場合、オーバーした下部は
切り取られて画像の上部が表示されます。

ここで、画像の上部を表示するのではなく、元画像の中心を真ん中として表示し、
上下均等に切り取って表示する、という方法はあるのでしょうか。
分かる方がいたらご教授願います。
1   名前： DS ： 2007/04/09（月） 06:42  ID:N0bKtyKT sub-t1
切り抜きをされるボックス内に入れる画像のサイズ（縦×横）が、
決まっているのであれば、imgに対して
マイナスのマージンを設定すれば可能だと思いますが、
おそらく、不特定の画像サイズだと思いますので、CSSのみでは無理ではないでしょうか…

何かスクリプトで、画像サイズを取得して、
それに合わせ個別にCSS（マイナスのマージン）を設定するしない、しかないのじゃないのかなぁ。
2   名前： こーえー ： 2007/04/09（月） 06:42  ID:I2Cc9f2n sub-gm
＞DSさん

コメントありがとうございます！
そうなんですよね〜。サイズが分からないから、どのくらいマイナスしていいのか
分からないんですよね。でも確かにサイズを取得してからマイナスすれば、できます
ね！
ちょっとやり方考えてみます。ありがとうございます！
3   名前： 匿名 ： 2007/04/09（月） 06:42  ID:S3ZuYI9G sub-Cz
CSS の名誉のために補足しておくと、clip プロパティの使い方を調べれ。

そして、ブラウザの対応状況の悪さを嘆くべし。CSS 2.0 と 2.1 で指定方法が異なるので注意。
一覧へ戻る