小粋空間: 標準準拠モードと後方互換モード・DOCTYPE宣言について - IEでドロップシャドウ画像に枠を表示する

以前エントリーした「CSSで画像に影をつける（ドロップシャドウ）」で、IEで画像枠が表示されない不具合についての対処方法です。 対処することで、スクリーンショットのようにIEでも画像枠が表示されるようになります。*1 元エントリーで記しているとおり、実験サイトではIEで画像枠（= padding プロパティ）がついていたのですが、エントリー時には画像枠がつかない状態になっていました。そのことについてあまり気にしていなかったのですが、先日この件に関するご質問を頂いて調べたところ、原因が判明しました。 おおざっぱな結論から申し上げますと、テンプレート1行目にあるXML宣言 <?xml version="1.0" encoding="utf-8"?> が画像枠の表示に影響しています。当サイトでは1行目にXML宣言を記述しているため、実験サイト（XML宣言なし）と異なる結果になっていました。 表示

[yomiusi]

|ヲリ・。

[KOROPPY]

ポラロイド風の枠がうまく表示されない問題について

[ymorimo]

IEのバグひでー

[facet]

「CSSで影＆枠付き写真」技に対するIEのバグの影響

[keizo56]

DOCTYPE宣言について