タグ

htcに関するEnriのブックマーク (6)

  • IE対応用CSS3のhtcが競合した!時の対処法(角丸・BOXシャドウ・テキストシャドウ) | css | JavaScript | TMAXY

    home > blog > css > IE対応用CSS3のhtcが競合した!時の対処法(角丸・BOXシャドウ・テキストシャドウ) (2010.12.06) なんと、以前記事に書いた、 IEでもできるCSS3ボックスの角丸とシャドウやってみた (js/border-radius.htc設置ver) IEでも表示できるCSS3のテキストシャドウをやってみた。 (js/css3shadow.htc 設置ver) これが、競合していました。 どうしても、テキストシャドウを適用すると、角丸にならず。ボックスシャドウはつきます。 角丸ができない。 色々とパターンを試して競合しないフリーツールのあわせ技を色々と試してみました。 で、結局行き着いたところが、 (js/ie-css3.htcとjs/PIE.htcの設置) でした。 css/style.cssのソースなんですが、こんなかんじ

    Enri
    Enri 2011/10/11
    絶対パスで記述しない場合、相対パスだとこうなる。
  • IEでもCSS3のプロパティ、エフェクトを表現できるようにするリソース&スニペット

    CSS3 ノンサポートの IE でも CSS3 の border-radius、box-shadow、text-shadow などの、エフェクト系プロパティを利用する為のライブラリをご紹介します。また、最後に IE の filter を使ったコードもまとめてあります。 IEでも CSS3 の表現をするためのライブラリを使ってみました。IE9 がどれくらい普及するか分かりませんが、IE9 の CSS3 のサポートを見る限り、相変わらず IE だけ特別扱いしてあげないとダメなところもありそうですねー。以下のリンクで、IE9 の CSS3 サポートの状況をチェックできます。 Impressive Webs CSS3 Support in Internet Explorer 9 今回は、IE8 以下でもいくつかの CSS3 のプロパティを利用できるようにするためのライブラリを、2つほどご紹介します

    Enri
    Enri 2011/10/11
    PIEとie-css3は競合しないようだ。相対パスでの記述について→ http://www.tmaxy.com/blog/javascript/47
  • [mA] 「behavior(.htc)」IE限定CSS機能 よさげなのピックアップ

    投稿日 : 2007-07-21, 00:36 最終更新日時 : 2011-01-14 08:43:04(履歴) タグ(CSS) カテゴリ(Javascript) 記し人(luvsic)[PDF] 閲覧数(8756) behavior(ビヘイビア。ファイル化の場合、拡張子は.htc) IE5.0以上のみ対応する独自CSS機能で、CSSからJavascriptによく似たJscriptを実行することができる。CSSプロパティにて、IE7では実装されてるけどそれ未満のバージョン(IE6など)では実装されてない場合に使用するケースが特に有用な存在となり、時代遅れゆえにちょっとだけ脚光を浴びてます。 記述例はこんな感じ、めちゃ楽。 expression系は、処理によってブラウザの動作を遅くするのですが、「まあCSSの切り分けでIE6のみに読み込ませて、他のモダンブラウザはサクサク動ことだしいいんじゃ

  • jmblog.jp - IEでa要素以外に:hover擬似クラスを適用させる

    IE6以下では、:hover擬似クラスが <a> 以外では適用されません。が、この問題の解決策が紹介されているサイトを発見しました。 » WEBFACTORY ::: BLOG: IEでhoverをa以外に効かせる » Hackadelic: csshoverを使ったWeb StandardなCSSコーディング それぞれで紹介されているとおり、Whatever:hover で配布している csshover.htc というスクリプトを使えば、IEでもいろんな要素に:hoverを適用させることが出来ます。(ダウンロードの場所がちょっとわかりづらいですが、Changes のなかにあります。) 使い方は、css で以下のように書くだけ。

  • IE6〜IE8をCSS3に対応させるスクリプト「Kick-ass CSS3 Support in IE6, 7, and 8」

    TOP  >  WebDesign  >  IE6〜IE8をCSS3に対応させるスクリプト「Kick-ass CSS3 Support in IE6, 7, and 8」 WEBサイト構築においてもはや常識となったCSS。新たな仕様のCSS3が整備されつつあり、表現の幅をさらに広げてくれるものになっていますが、最新のブラウザのみ対応しており、IE6のようなシェアがある旧世代のブラウザは対応していないというのが現状です。そこで今日紹介するのはIE6〜IE8をCSS3に対応させるスクリプト「Kick-ass CSS3 Support in IE6, 7, and 8」です。 全てのCSS3のプロパティが適応されるのではなく、角を丸くしたり、ボックスに影を入れたりテキストに影を入れたりといったCSS3の機能をスクリプトにyほって再現するというものです。 詳しくは以下 スクリプトを読み込ませると言

    IE6〜IE8をCSS3に対応させるスクリプト「Kick-ass CSS3 Support in IE6, 7, and 8」
  • IE6-8でもCSS3が使えるようになる「CSS3 PIE」:phpspot開発日誌

    CSS3 PIE: CSS3 decorations for IE IE6-8でもCSS3が使えるようになる「CSS3 PIE」。 非対応ブラウザがあるのでまだCSS3はいいやという方もいると思いますが、CSS3 PIEというhtcライブラリを使うことでCSS3に対応させてしまえます。 角丸、ドロップシャドウ、グラデーションといったプロパティに対応しています。 実装の際には border-radius、box-shadow、border-image等が使えるようになります。 サイト上のすぐに動くデモを動かしてみると、そのクオリティもなかなかのものだと言うことが分かります。 実装も簡単みたいで、PIE.htc をサーバに設置後、behavior に url(/PIE.htc) として設定するだけみたいです。 behavior: url(/PIE.htc); これは楽で便利です。 対応していな

  • 1