soraなりの日々 - fc2 -

こころにひっかかったもの

xhtml+cssのオベンキョ -ie6ハック-








価値以外の理由で買う人々は価値以外の理由で
売る可能性が高いと思います


価格ばかり見て「高い」「安い」を言っててもまったくもって意味が無いわけで、、

このエントリーをはてなブックマークに追加
いきなり好きなバフェットさんを引用してみた。

最近なかなかに忙しくて、この忙しさは「オレの価値が上がってるんだ!」と
少しでも思い込みたかっただけなんだけどね(^^;

htmlが染みついたこの体からxhtml+cssに切り替えるのは、
オレ的にはなかなかの痛みがあったわけ。
仕組みとかはわかるんだけど、いざ書き出すと頭の中はhtmlなわけで。。。
「あ、ここは<img>タグで、、、ココは<table>で、<font>タグ使って、、、」てな感じ。
それでも、しがみついてなんとかモノになってきた!

気がする。。。
これからもどんどんがんばってこ。

んで、本題。
いまやってるやつは、対象ブラウザはie6のみ。
(一応、ie5,firefox,safari/mac、ie6,ie7,firefox/winで確認はしてるけど、
 やっぱレイアウト崩れますな。。。)
だから、ま、楽は楽なんだけど、このie6がまた問題児!
(常識なんだろね。web屋には)

なので、作ってて知ったie6用のハック(そういうらしい、、)をメモ。

●スターハック
nternet explorerの不具合へ対応するためのもの。
なぜだかie上で微妙に表示がズレたりするんで、これ使って対応したり。
例:*html div { color: #ffffff; }

あと、上のスターハックはie作ってる人たちから「止めてくれ!」
言われてるらしく、そのie作ってる人たちからの代換案として
出されている条件付コメントなるものもある。
例:<!-- [if IE]>
       div { color: #ffffff; }
       <![endif]-->

アンダースコアハック
cssプロパティに「_」をつけてやると他のブラウザは無視するけど
win版のieだと、これを通常のプロパティとして読み込む。
例:div { color: #ffffff;_color: #ffffff; }

●バックスラッシュハック
mac版ieのみ「¥」(バックスラッシュ)を使うと以降、
「*/」が出てくるまで読み飛ばす。
なので、読ませたくない要素の頭にこれを使えばmac版ie5は読み込まない。
例:/* hide - ie5/mac ¥*/
       ~hogehoge~
        /* end */

●透過処理
win版ie6がpng-24のアルファチャンネルに対応してないので
対応させるなら以下のコードが必要。
例:*html div#hogehoge { background: none;
 filter:progid:DWImageTransform.Microsoft.AlphaImageLoader(src='hogehoge.png',
sizingMethod='scale');
width: 150px; height:30px; }
このエントリーをはてなブックマークに追加

コメント

コメントの投稿


管理者にだけ表示を許可する

トラックバック

トラックバックURLはこちら
http://sora2hs.blog70.fc2.com/tb.php/62-c1a1418a
この記事にトラックバックする(FC2ブログユーザー)