[CSS]一枚の画像で、四隅が角丸のパネルを実装するスタイルシートへのコメント

背景画像付きのボックス | css | understandard.net より

背景画像付きのボックス | css | understandard.net — Wed, 02 Dec 2009 12:05:05 +0000

[...] ロゴを1枚にまとめとけー！」みたいなイメージだったけど、[CSS]一枚の画像で、四隅が角丸のパネルを実装するスタイルシートという記事で紹介されていた使い方は、便利だなぁと思った [...]

Commit Lab より

Commit Lab — Mon, 08 Dec 2008 05:35:13 +0000

[XHTML+CSS]CSS Spriteで表現する角丸

ネタ元は有名所コリスさんのこれ
コリス [CSS]一枚の画像で、四隅が角丸のパネルを実装するスタイルシート
そのネタ元はコリスさんの方から見れる。
私は最近DesignWalkerさんのエントリー…

コリスより

コリス — Tue, 02 Dec 2008 02:09:20 +0000

> piyo さん

ほんとですね。
demo 2だと上・中・下で指定しているので、大丈夫そうです。

ついでに、IE5.5で新旧の確認もしてみましたが、ちょっといただけないですね、、、

情報、ありがとうございました。

piyo より

piyo — Tue, 02 Dec 2008 01:27:34 +0000

はわわ。わざわざキャプチャして頂き、ありがとうございます。
何故か同現象を確認できなかったので最初はブラウザの問題かと思ったのですが、元サイトをもう一度確認してみたところ、11/28付けで新しいバージョンが出ていたようです。（記事最後のlive demo + background image の部分です）こちらは1000px以上でも問題なく背景画像が表示されます。古いIEのバージョンでは微妙な表示ですが…！

コリスより

コリス — Mon, 01 Dec 2008 04:05:58 +0000

> piyo さん背景画像の長さ以上になると、下記のキャプチャのように繰り返されてしまうので、おかしな表示になると思います。 1000px以上にしたキャプチャ

piyo より

piyo — Mon, 01 Dec 2008 03:12:53 +0000

いつも有用な情報をありがとうございます。
デモをダウンロードして中身を見てみました。見出しの高さは決まっているようですが、本文テキストの高さに特に制限は無いような気がします。（1000px以上でも問題なく表示されてました）

[CSS]一枚の画像で、四隅が角丸のパネルを実装するスタイルシート へのコメント

背景画像付きのボックス | css | understandard.net より

Commit Lab より

コリス より

piyo より

コリス より

piyo より

[CSS]一枚の画像で、四隅が角丸のパネルを実装するスタイルシートへのコメント

コリスより

コリスより