★★★ お知らせ ★★★



このブログは移転しました。
新しいサイトはこちらになります。

今後とも、どうぞよろしくお願い致します。

2009年7月9日木曜日

LightboxでCSS構文エラー

Lightbox2のCSSに、次のような記述がありました

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }

な、なんだこれ?

background-imageに「data」プロパティなんてあったっけ??
「base64,AAAA」ってナニ??


というわけで調べてみると
どうやら、CSSだけで背景にグラデーションを入れるための手法らしいです


「base64,AAAA」というのは、「base64でエンコードしたときにAAAAとなる画像」という意味らしいですね...

う〜ん、何のこっちゃいまいちわかりませんw



CSS2.1で構文エラーが出たということは
CSS3で新たに追加される予定のプロパティなんでしょうか?
(CSS3は角丸divが使えるので、早く標準化してほしいです)



というか、Lightbox2で#prevLinkと#nextLinkの位置にグラデーションなんて入っていたっけな〜?


とりあえずは、コレなくてもいいだろうと勝手に判断して
LightboxのCSSからは削除しちゃいました



【参考サイト】

0 コメント:

コメントを投稿