タグ

cssとIEに関するsuper106のブックマーク (9)

  • jQuery Plugins IE Png fixでIE6に透過pngを適用 | A Day in the Life

    March 19, 2008 IE6で透過pngを表示させるのにユンサンのiepngfix.jsを良く使います。しかし最近jQueryを使用してサイトを構築するケースが増えたため、jQueryの透過pngをIE6に対応させるプラグインのIE Png fixを試してみました。 使い方は簡単でimg要素のsrc属性を調べ、pngファイルだったら適用させるようにします。 $(function() { $("img[src$=png]").pngfix(); }); 属性セレクタの後方一致である$を利用して拡張子がpngのファイルすべてに.pngfix()が適用されます。 cssの背景に透過pngを使う場合が多いので.iepngfixと言うクラスにも適用されるように記述しています。 $(function() { $("img[src$=png],.iepngfix").pngfix(); }):

  • 透過PNGをCSSで背景に指定してIE6や5.5のバージョンでも綺麗に表示してみる - DesignWalker

  • 第1回 CSSサポートが不十分なIE 6でサイトの表示品質を保証する

    2008年8月設立。アクセシビリティ,ユーザービリティ,CMSの導入,SEO/SEMといったWebサイト制作から,ROIを意識したブランディング,ソーシャルメディアを用いたユーザーとのコミュニケーションの最適化など,マーケティング活動までを手がけるクリエイティブユニット。 2009年3月18日にInternet Exploler(以下IE)8が米国で正式公開されました。日語版も同月20日からダウンロード可能になり,多くの制作者が実際に触れてみたことでしょう。しかし,それから4カ月が経とうとしている現在でもIE 8へのアップグレードはスムーズに行われていないようです。 筆者がアクセス解析を見た範囲では,IEのシェアが全体の85~95%前後,さらにIEの中では6と7が約45%前後,8のシェアが10%弱ということろです(7月6日時点)(表1)。

    第1回 CSSサポートが不十分なIE 6でサイトの表示品質を保証する
  • IE5.5, IE6, IE7, IE8の確認が同時にできる -IETester | コリス

    IETesterは、IE5.5, IE6, IE7, IE8beta1の確認が同時にできるアプリケーションです。 IETester [ad#ad-2] IETesterを利用するには、上記IETesterのページの「Download IETester」から「install-ietester-v0.2.exe」ダウンロードし、IETesterをインストールします。 IEのバージョンの切り替えは、「New Tab」から切り替えることができます。 簡単に使用しただけですが、IE5.5, IE6, IE7, IE8beta1のレンダリングの違いを確認できました。 バージョン0.2の動作条件は、Windows XP or Vista + IE7以上となっています。XP + IE6の場合、IE7, IE8のモードが動作しません。 Windows XP + IE7, IE8beta1の環境で使用したとこ

  • hasLayout を false にするには | ヨモツネット

    hasLayout が true のときに意図しないレンダリング結果になってしまうことがあります。例えば hasLayoutプロパティがtrueで発生するバグ - Webtech Walker が参考になります。 hasLayout をうまくコントロールしながら構築すればよいのですが、継承により必然的に hasLayout が true になってしまうことがあります。これを false にする方法をまとめました。 継承などの都合で一度 hasLayout を true にしてしまった要素の hasLayout を false にするには、hasLayout を true にするトリガーを規定値 (一部除く) に戻します。(規定値で上書きするというよりは、特殊なことをすると hasLayout が true になるから 特殊なことをする前に戻してあげるといった感じ) hasLayout が

  • IEで背景画像が印刷されない時の解決方法|web bibo

    IE6で「背景の色とイメージを印刷する」にチェックをしても、背景画像が印刷されない時があります。 下のサンプルのページを印刷してみてください。(プレビューでも構いません) →背景画像が印刷されないサンプル 背景色は印刷されますが、なぜか背景画像は印刷されません。これはWinIE6.0(IE5.5)に発生するバグみたいです。解決方法は、背景が指定された要素のhasLayoutをonにします。つまり、幅(widthプロパティ)や高さ(heightプロパティ)、zoomプロパティなどを指定すれば、問題なく表示できるってことです。 HTMLコード <div class="bg"> <p> test test test test<br /> test test test test<br /> test test test test<br /> test test test test<br

  • IE 6とお付き合いをする5つの方法 - builder by ZDNet Japan

    Internet Explorer 6さんとお付き合いするのは難しいと、多くの方から聞きしました。それもそのはず、IE 6はやり手のお坊ちゃまです。Windowsという父親のおかげで恵まれた生活を続け、なみいるライバルは近づくことさえできずに、大企業の人たちやお年寄り、パソコン初心者の人たちに一目置かれる存在になりました。 だから、少し天狗になっているところもあるでしょう。自己啓発を怠けているところもあるかもしれません。わがままで自分勝手です。それでもうまく付き合っていかなければいけません。それが大人の社会というものです。 そこで、ここではそんなIE 6さんとのお付き合いのポイントを紹介してみましょう。 我慢強く IE 6と付き合うためには、我慢強い心が必要です。「W3Cの仕様に沿ったコーディングをした」などという理論は通用しません。当然のようにレイアウトを崩されることもあります。 先ほど

    IE 6とお付き合いをする5つの方法 - builder by ZDNet Japan
  • Browser.js [スクリプト] Sleipnir:今日のSeaHorseスクリプト 7

    The Latest Pop News & More Opera, Firefox, Sleipnir ( Custom & Tips, Latest News, My Opinions, Lovely Music & Movies and so on ...?! No ! More & More !! ) なんというGJ… ついに来ました。Sleipnirでのユーザースタイルシート管理(要するに、FirefoxのStylishみたいなものね)。SeaHorseスクリプトによる実現です。 個人的には、非常に嬉しいニュースです。やっとこの日が来たのね(笑)。 (続きはこちら) 作ってくださったのは…あの…(´` ´ω)さん。 まあ、Sleipnirでは、ある意味、すごく有名な方ですが(笑)。 |´` ´ω) ・・・。 |⊂ ノ |ωJ それにしてもこれはすごい。これで彼のファンもきっと増え

  • IEとFFで同時にCSSを確認しながら編集できるフリーソフト『CSSVista』

    異なるブラウザのブラウザチェックをもっと簡単にしたい。 そんなあなたにおすすめなのが、『CSSVista』。IEとFFで同時にCSSを確認しながら編集できるフリーソフトだ。 What is it? CSSVista is a free Windows application for web developers which lets you edit your CSS code live in both Internet Explorer and Firefox simultaneously. CSSVistaとは? CSSVistaはweb制作者のためのWindowsアプリケーション。ライブにIEとFFのCSSを同時に編集できる。 とのことだ。 IEとFFといっても、バージョンにも対応している。IE4から6,NN4から8など、様々なブラウザ、バージョンに対応している。 ライブに、しかも異

  • 1