タグ

css3とieに関するtunacookのブックマーク (5)

  • PIE.htc使うとき①.htaccess②position:relative; を確認

    PIE.htc使うとき①.htaccess②position:relative; を確認 スポンサードリンク Tweet デザの子にWebの要素ごとに充てるデザインを作ってもらったら、角丸使いまくり! でも、さすがにCSS3時代になっているので、IEでCSS3の角丸対応させる方法として有名なCSS3 PIEというライブラリを組み込むことにしたのだが、なかなか一筋縄ではいかなかったので。 1.PIE.htcを読み込まない HTC (Behavior)ファイル使用の共通注意点 [www.minc.ne.jp] .htaccessに AddType text/x-component .htc が必要。 2.動いたが要素のバックの色が消えてしまう CSS3 PIEでつまづいた点 « minimo [www.minimo.jp] にある通り、position: relative; が必要。 これ使う

  • IEでもCSS3で角丸ができるPIE.htcの使い方と注意点 - ウォルディズ

    覚えたてのCSS3で見出しタグを角丸にしてみたのですが、普段使ってるのはChrome。ふとIE8で見てみると角丸になってない!あ~、、、、IEめんどくさい! ◇PIEの設置 ちょっとググルとPIE.htcを使うと良いらしいので試してみました。 PIEのダウンロード先 ダウンロードしたのは PIE-1.0beta3.zip 。 解凍すると下記5ファイルが出てきます。WebサーバにPIE-1.0betaディレクトリを作成して全部コピーします。設置はこれで終わり。

    tunacook
    tunacook 2011/04/15
    いやん
  • IE6-8でもCSS3に対応するライブラリまとめ:phpspot開発日誌

    Kick-ass CSS3 Support in IE6, 7, and 8 | AEXT.NET MAGAZINE IE6-8でもCSS3に対応するライブラリまとめ。 IEでCSS3に対応するには behavior で htcを指定する方法が簡単で便利ということでライブラリが色々あるようだったのでまとめました。 そんなに多機能はいらないという場合に、機能を削ったものを使うという方法もありかもしれません。 CSS3 PIE 角丸、ドロップシャドウ、グラデーション背景等、多くのプロパティに対応していて今後も対応を強化 IE-CSS3 border-radius、box-shadow、text-shadow等のプロパティが使えるようになる。いかがスタイリング例 css3shadow.htc テキストに影をつけるためのhtc curved-corner - Project Hosting on

  • IE6〜IE8でもCSS3の機能を使う·CSS3 PIE MOONGIFT

    CSS3 PIEはCSS/JavaScript製のオープンソース・ソフトウェア。技術は日々進化しており、新しい機能が追加されている。だが、過去の資産から対応しなければならない場合そうした新しい試みは取り入れることができない。CSS3を使いたくともIE6から対応となれば利用できないだろう。 IEでもCSS3の恩恵を そんな辛い思いを解決してくれるライブラリがCSS3 PIEだ。CSS3自体には多数の機能があるが、一部の処理においてIE6〜IE8でも利用できるようにしてくれる。先進的な取り組みを行っていきたいならば試してみよう。 CSS3 PIEはHTCファイルであり、CSSファイルながらにJScriptを実行できる機能を使っている。対応しているCSS3プロパティはborder-radius、box-shadow、border-image、-pie-background、-pie-watch-

    IE6〜IE8でもCSS3の機能を使う·CSS3 PIE MOONGIFT
  • 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」
  • 1