2004年09月14日

filter:alphaで大ハマり

イントラのページがあまりにも寂しかったのでCSSを使ってちょっと凝ったデザインにしようと思ったのが運の尽き。

IE専用の半透明化CSS「filter:alpha」がどうしてもうまく動かなくって、2時間ぐらい掛けて色々試した結果複数の仕様が問題を起こしていて、結局解決まで3時間も掛かりました(笑)

疲れ果てたので忘れないうちに要点だけメモ

  • cssでfilter系は何故かActiveXを有効にしておかないと効かない←ローカル環境ではActiveX切っていたので動かなくって苦戦しました
    っていうか、cssの独自拡張じゃなくてActiveXだったんですね(苦笑)
  • <h1>などテキスト系のタグにfilterをかけるときは単体では動作しない←この仕様になかなか気がつかなくて時間が掛かりました
    (結局「position: absolute;」等で表示位置を指定するか、「width:100%」などで表示幅などを指定すれば動作するようですが、詳細は調べてません(^^;
    なお、<img>や<table>の場合はそこら辺指定しなくてもいいようです←この差に気がつかずハマりました・・・(´・ω・`)
  • IE上で保存したHTMLには2行目に↓が入りますが、これが入って居るとローカルにあるHTMLでも何故かHTMLがあった元のゾーンで実行されます
    <!-- saved from url=(0029)http://hoge.tld/foo.html -->
    これのおかげでマイコンピュータゾーンのロックダウンでfilterが動かないと言うことに気が付くまで1時間以上掛かった
まぁ、IEの独自拡張は地雷の固まりということで・・・(;´д`)ノ

Posted by Takuchan at 2004年09月14日 13:06 | トラックバック(0)