Strange Days Blog～無名ギタリストの日常

PC前で食事も行うGakuです。
もちろん生業とする職業なので文句はありまへん(笑)

ここ数日は寝る以外はずっとPC前です。
仕事＆勉強厨中なのです。

同時進行の案件があるので、これは一日何時間、とか決めて仕事してるので
オイラにとっては非常に珍しい（いやこれで人並みか？）毎日になっておりやす。
明らかに運動不足ではありますが。。。

最近は画像関係のクォリティを上げる勉強とCSSの勉強を同時にやってます。

何気なく入手したこの本がものすげぇ実用的でしてですね。
CSS関連は「ふんふん、なるほど！」いいながら新しい案件に使えるべく自習してますね～

あと、最近画像を場合によってはPNG形式にしようかな、と考え中なのです。
たとえばナビゲーションボタンにグラデーション使った場合にどうしてもJPEG形式だと
色がつぶれてしまうし、GIFの256色だとどうしても限界がある。
CSSでナビゲーション作る場合、一枚の画像をpositionで切り替える事が多いので
画像のクォリティとファイルサイズを考えた場合に
ひょっとするとPNGの方が有利なのか？って気づいたのですね。（遅いな・・）
んまあ、対応ブラウザの問題もあるやもしれんけれど
http://mng.cocky.to/old/contents/whats/png/software.html
これを見る限り、もはや問題ないだろうと判断したわけです。

あと、透過（アルファチャンネル）が使えるってのも一番の魅力です！
最近、この本文のバックに薄い緑色のセロファン状態に透過PNGを配置してますが
これはIE6ではなんとデフォルトでは未対応。。。。。。
もっとも普及しているブラウザに未対応とはな・・・・（IE７では対応）
Firefoxなどのmozilla系なら配置するだけできれいに透けてくれるのに・・

だがだが、愛するクレイジーケンバンドブログをみると、IE6でもキレイに透けてる！
なんだこの裏技は！
さっそくソースをダウンロードして検証（パクる、とも言う）

どうやらDirectXのプラグイン「AlphaImageLoader」ってヤツで対応するらしい。
CSSにちょこちょこっと

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale, src='sukesuke.png');

って感じに文面を加えてみたら、見事にスケスケな画面がやってき・・・・・た？

おお、リンクを辿れねえ(泣)
クリックもコピーすらもなんもできねえ！！

どうやら他の要素に「position:relative」を適用させて、この背景オブジェクトよりも前面に
もってこないとイカンらしい。
なもんで、aタグとiframeタグにコれを適用させると無事にリンクを辿れるようになりもした。
テキストと画像に関しては放置(笑)
引用防止とか画像パクリ防止にもなるし、いっかな～思ってね(笑)（パクる価値なんぞ何もないが）
他のブラウザで見たら全然問題ないんやけどｗ

さて、もう少し研究続行しますかね。
皆様、お休みなさいm(_ _"m)

{XT_LOG_CONT}

{OTD_MAIN}