ばむばんか惰隠洞

■ [HTML] どこかで誰かが息切れしてる

高さ可変のブロックレベル要素で見た目は角丸ボーダー付き。CSSで角丸にはしない、って時にどうするか。最近は上の角丸はヘッダ要素（必ず表示される）に含めてイメージとして用意して、その下の部分は常識的に考えてこれ以上はないだろう、と思える程度に縦に長ーい、下辺が角丸になった背景画像を用意する、って手法を割と良く使うんだけど、今日になって先方から「IE8で背景が表示されない」って不具合報告が上がってきて、そりゃいったいどういうことかと。

調べてみたらいくつか解決策っぽいことを書いてるサイトもあるにはあったけど、どうも自分が直面している問題とは方向性が違うみたい（ま、それはそれで裏技大全に載せられそうなネタがたくさんあって面白かったんだけど）。

自分は画面サイズで4画面分以上スクロールが必要なコンテンツは、複数に分けた方が良いだろうと思っているので、背景画像の高さはおおむね4800pxぐらいを上限に考えて作っているんだけど、もしやと思ってテスト環境に上がっているイメージファイルを見てみたら、先方でセフティ・マージンがもっと欲しいと思ったのかどうかわからんけど、こっちで作成した背景画像、高さが30000pxというとんでもない画像に改変されていた(w。もしかしてこれかなあと思って、背景画像の高さを半分の15000pxにしてみたら、今度はちゃんとIE7、8でも背景が表示されるようになって一安心。IE的には表示できる画像サイズに上限があるってことなのかしらね。

って事でさらにもう少し調べてみたらこんな記事が。IEの画像サイズ制限(よらノート)。

16384pxかあ。これはこれでそこそこ安定している数字（$4000だよね）ではあるけどねえ(^^;。