タグ

ブックマーク / www.yomotsu.net (3)

  • IE で CSS 3 の box-shadow や Transformations などのような効果 | ヨモツネット

    CSS 3 の box-shadow に似ている表現を IE で使う Glow フィルター や Shadow フィルターを display が block の要素に対して指定します。 Glow フィルターを使って実現した例 filter:progid:DXImageTransform.Microsoft.Glow(Color='#999999', Strength=5);zoom:1;

    hiro-rock
    hiro-rock 2009/10/30
    MSIEでCSS3っぽい動作を実現するfilter
  • IE で Web Fonts を使う方法 (eot ファイルの作り方) | ヨモツネット

    IE では Web fonts を使うことができます。ただし、現在は Microsoft WEFT などで作成した .eot のファイルにしか対応していません。また、この記事で紹介する手順中の Enter ther URL address of your Web page and click ‘Add’ で入力した URL 配下でしかこの eot ファイルを使うことができませんのでご注意ください。 IE の Web fonts を確認するための demo を用意しました。Windows の IE 5.5 以降で確認することができます。 WEFT についてをまとめたドキュメントはほかにも存在しますので合わせてお読みいただくとよいと思います。 一松書院 : Webページでのいろいろな한글フォントの利用について 雛形倶楽部情報データベース : eotファイルの作成方法(フォント埋め込み技術) R

    hiro-rock
    hiro-rock 2009/08/25
    IEでもWebFontsする方法+フォントファイル(eot)の作り方
  • CSS を使って IE 6 で PNG の半透明を有効にする | ヨモツネット

    概要 IE 6 で img 要素で埋め込んだ PNG ファイルの半透明を有効にする JS はいろいろありますが、CSS でこれを行うための方法です。 利点として、JS で実現した場合、一瞬グレーの部分が表示されてしまいますが、この方法ではそれがありません。 PNG が読み込まれた時点で半透明が有効になっています。 また、CSS のセレクタを用いて、どの img 要素に対して半透明を有効にするかなどを決めることができます。 さらに、onload 後にドキュメントに appendChild や innerHTML などで追加された PNG ファイルについても、半透明が有効になった状態で追加されます。 動作確認用の demo (IE 6 用) 説明 アルファチャンネルを有効にしたい個所に対して以下のようなCSSを適用します。この例では、#sample の中の img 要素となります。(セレクター

    hiro-rock
    hiro-rock 2008/10/30
    expressionで透過PNG対応
  • 1