タグ

IE6に関するwpeeeのブックマーク (21)

  • IE6でposition fixedを利用する方法 fixed.js & jQueryプラグインexFixed.js | 知らないはリスク

    珍しくFlashネタです^^ つい最近Flashのフローティングブログパーツを作る機会があったのですが、 スクロールしても画面に固定されるposition:fixedがIE6に対応してないことを知って 対応させるために調べたものを共有します。 ■状況 ブログパーツといってもサイト内で利用するキャンペーン用のブログパーツでした。 サイトにアクセスすると自動的に画面に出現し、動きまわるという要求でした。 ■実装にあたって利用した物 昔Flashのフローティングブログパーツを作った際は1からすべてJavaScriptを組み、 ちょこちょこブラウザ対応とか検証とか大変だったのですが、今はカヤックさんが公開している ブログパーツフレームワーク 「suzunari」というのがあったので利用させていただきました。 Blogparts Framework suzunari http://coderepos

  • position:fixedのright , bottomをIE6に対応させる | CSS Lecture

    wpeee
    wpeee 2011/06/25
  • IEの透過PNG+opacityの不具合を治すメモ - Mach3.laBlog

    この記事は賞味期限切れです。(更新から1年が経過しています) 透過PNGの処理が下手くそなのは、IE6だけではなく、IE7/8も同様です。 IEで透過PNGをあてた要素のopacityを弄ると、周りがグレーがかって汚くなります。 この現象はよく知られていると思いますが、今日はこの不具合の治し方のメモを記しておきます。 サンプルコード 例えば、こんなコード。 <style> .test { display:block; width:128px; height:128px; background:url(./test.png) 0 0 no-repeat transparent; } .test:hover { background-image:url(./test-hover.png); } </style> <a href="#" class="test"></a> test.pngとte

    IEの透過PNG+opacityの不具合を治すメモ - Mach3.laBlog
  • [CSS]IE6にも対応したテキストリンクをPNG画像に置換するスタイルシート

    PNG image replacement in links demo IE6への対応に加え、下記の配慮もされたものとなっています。 画像オフの場合は、リンクはテキストで表示。 CSSオフの場合は、リンクはリストで表示。 画像オフでCSSオフの場合は、リンクはリストで表示。 HTMLは下記のように各ラベルに透過gifが配置されています。 <textarea name="code" class="html" cols="60" rows="5"> <div id="backing"> <ul id="imgReplacement"> <li class="home"><a href="#url1"><img src="ir/trans.gif" width="0" height="0" alt="" />HOME</a></li> <li class="products"><a href="

  • IE6で透過pngを表示させるオススメscript、「DD_belatedPNG.js」

    >> 詳細な使用法と注意点を追加エントリーしました。 いまだ絶大なシェアを誇るIE6(Internet Exproler 6)ですが、WEB制作者ならご存知の通り、さまざまなバグ・不具合を内包しております。 ・CSSでfloatしたブロックのmarginが倍になる。 ・後方互換モードの場合、text-alignが子要素にまで影響する。 ・透過png画像が透過されない。 上記以外にも、それはいくつもの制作者泣かせの問題があり、業界内では「IE6氏ねばいいのに」とまで言われているブラウザですが、前述の通りシェアは絶大なので、対応しないワケにもいかず。 すでにいくつもの対応策が出回っておりますが、その中でも自分的に一番オススメするのが、「DD_belatedPNG.js」を使用する方法です。 有名どころの対応策を併記・比較しながら、どこがオススメなのかを含めてエントリーしたいと思います。 有名な

    IE6で透過pngを表示させるオススメscript、「DD_belatedPNG.js」
  • 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」
  • jQueryを使ったブラウザ分岐 | A Day in the Life

    April 18, 2009 Windows IE6/7はフォントをpx(ピクセル)指定すると文字のサイズが拡大出来ません。そのため今まではIEでフォントサイズを拡大出来るようにするため次のようにハックを使っていました。 body { font-size: 100%; } * html body { font-size: 82%; } /* for win ie6 */ *:first-child+html { font-size: 82%; } /* for win ie 7 */ html>/**/body { font-size: 13px; } /* for modern browser */ ところがWIndows IE8がリリースされ、このブラウザも当然のごとくピクセル指定のフォントで文字サイズが変更出来ません。IE7からはページズーム機能が備わっているし、Firefoxも3か

  • IE6をクラッシュさせるjQueryプラグイン | Web活メモ帳

    IE6をクラッシュさせる事ができるjQueryプラグイン「one line jQuery plugin to crash IE6」をご紹介。 使いどころには充分ご注意ください。 詳しくは以下 プラグインのコードは1行で実装されています。 /** * jQuery Crash (http://mktgdept.com/jquery-crash) * A jQuery plugin to crash IE6. * * v0.0.2 - 5 March 2010 * * Copyright (c) 2009 Chad Smith (http://twitter.com/chadsmith) * Dual licensed under the MIT and GPL licenses. * http://www.opensource.org/licenses/mit-license.php * h

    IE6をクラッシュさせるjQueryプラグイン | Web活メモ帳
  • 古いブラウザでもCSS3セレクタを使ってWebページをデザインできるようにしてみた - latest log

    uuCSSBoost.js は uuAltCSS.js に名前が変更になりましたが、一部の説明が記事を書いた当時の古い名前のままになっています。最新版では、uuCSSBoost.revalidate() は廃止され uuAltCSS() を呼び出すように変更になっています。 コードの解説を追記しました。 「最新の規格を実装したブラウザが登場しても、IE6 のせいで諦めるしかないのか」 「CSS3セレクタを古いブラウザでも使いたい!」 といった現場の声にお応えして、ほぼ全てのブラウザで CSS3 セレクタを利用したページデザインが可能になるJavaScript ライブラリを作ってみました。 特徴 軽いよ いろんなブラウザで動くよ(Firefox2+, Opera9.2x+, Safari3+, IE6+, Google Chrome1+) 95%〜98%ぐらいのシェアをカバーできるんじゃない

    古いブラウザでもCSS3セレクタを使ってWebページをデザインできるようにしてみた - latest log
  • My DebugBar | IETester / HomePage

    DebugBar Home > Wiki > IETester :: Browser Compatibility Check for Internet Explorer Versions from 5.5 to 11 :: ANNOUNCE: If you are an Adwords user, The IETester team is proud to announce its new tool: SunnyReports, a simple and efficient Adwords reporting tools IETester is a free (both for personal and professional usage) WebBrowser that allows you to have the rendering and javascript engines of

  • 10 Awful IE Bugs and Fixes

    Introduction Everyone has a story to tell when dealing with Internet Explorer. As a developer I have faced numerous bizzare problems with IE and sometimes you just want to bang your head against the wall! However, as time goes by, we slowly learn from mistakes (well, sometimes it's not our fault, it's IE!!!) and start to adapt and understand IE's weird behaviors. We have to because there is still

    10 Awful IE Bugs and Fixes
  • IE6 向け position:fixed を right , bottom 指定にも対応させてみる ノウハウ [okyuu.com]

    jQuery(function($j){ var target=$j('div.fix').css('position','absolute'); var base={ top : target.offset().top, left : target.offset().left } var win = $j(window).scroll(function(){ target.css({ 'top':base.top + win.scrollTop(), 'left':base.left + win.scrollLeft() }) }) }) jQuery(function($j){ var target=$j('div.fix').css('position','absolute'); var css = { top:target.css('top'), left:target.css

  • IE6 position:fixed の諸問題を解決する jQuery.exFixed.js - Cyokodog :: Diary

    最近の更新履歴 2011-12-07 Ver 1.3.2 リリース jQuery 1.7.1に対応しました。 2010-12-27 Ver 1.3.1 リリース fixed 要素がブラウザ表示エリアから隠れ1度非表示状態になると、ウィンドウをリサイズし表示エリア内におさめても非表示状態が続いてしまう不具合を修正しました。 2010-11-14 Ver 1.3.0 リリースしました。exAPI ベースの実装に変更しました。サイズに auto を指定できるように変更しました。 2009-12-08 Ver 1.2.2 リリースしました。IE6 にて fixed 対象要素を非表示にしても表示されてしまう不具合を修正しました。Ver 1.2.1 でサイズを明示せずプラグインを実行すると fixed されない不具合を修正しました。 more jQuery exFixed を使用すると、IE6 で p

    IE6 position:fixed の諸問題を解決する jQuery.exFixed.js - Cyokodog :: Diary
  • 「IE6はもういらない」――Web企業が撲滅キャンペーン

    Internet Explorer(IE)6を撲滅せよ――Web企業が反IE6キャンペーン「IE6 No More」を立ち上げた。 このキャンペーンを立ち上げたのは、WebサイトホスティングサービスのWeebly。同社は撲滅運動に乗り出した理由について、同ブラウザへの対応がWeb企業にとって負担になっているためと説明している。 IE6は2001年にリリースされ、Microsoftから後継バージョンのIE7、IE8がリリースされているにもかかわらず、今なおかなりのシェアを占めている。NetApplicationsの調査によると、7月のIE6のシェアは27%に上った。 このためWeb企業はIE6に対応せざるを得ないが、「IE6対応は難しく、いら立たしい作業で、過度に時間を取られる。さらにIE6は最近のWeb標準をサポートしていないため、開発者ができることに制約がある」状況に苦労しているという。

    「IE6はもういらない」――Web企業が撲滅キャンペーン
  • Adobe BrowserLab レビュー ~ MacもWindowsもチェック可能なFlash製クロスブラウザチェッカー

    Adobe BrowserLab レビュー ~ MacWindowsもチェック可能なFlash製クロスブラウザチェッカー Webサイトの構築で手間のかかる部分といえば、Webブラウザごとの対応を確認するところでしょう。Internet Explorerだけでもバージョン6、7、8のそれぞれの確認が必要でしょうし、Firefox、Safari、Opera、ChromeなどさまざまなWebブラウザで、Webページが正常に参照できるのかを確認するのは、環境を用意しなければならないうえに手間のかかる作業です。 アドビシステムズが公開を始めたAdobe BrowserLabは、このWebブラウザの互換性チェックを簡単に行うためのサービスです。 自分がMacを持っていなくてもMacOS XのSafariでどう見えるのか、あるいはInternet Explorer 6がインストールされているPCを持っ

    Adobe BrowserLab レビュー ~ MacもWindowsもチェック可能なFlash製クロスブラウザチェッカー
  • ...

    window.onloadが終わる前にflashからjs呼ぶと その時点でdomの展開が終わる(全画面jackで確認) by IE(6)? addLoadEvent見たいなの使って呼べばOK。 書き出してすぐ全画面jack呼ぶflashはどうしようもないので注意。 (全画面jackしなくても呼ばれただけでとまるので) こんな感じのエラーが出る場合やつ? IE6 「インターネット サイト http://www.example.co.jp/ を開けません。 操作は中断されました」 IE7 「オートメーション サーバーはオブジェクトを作成できません」

  • IE6でアルファチャンネルPNGを使う方法と注意点|アイビーネットblog

    PNGとは PNGというのは、画像フォーマットの1つです。特長の1つとしてアルファチャンネル(透過属性)を持つことが出来ます。このアルファチャンネルを使うことで、ホームページの制作をシンプルにすることが出来たりします。 しかし、まだまだ主流であるIE6では、このアルファチャンネルPNGに対応しておらず、使う場合にはDirectXの機能を使ったりと結構手間でした。(IE7からは対応) IE6で透明画像(png)を簡単に使う方法 IE PNG Fix こちらを使うことで、IE6で透明画像(png)を使うことが簡単に出来るようになります。 しかし利用に関していくつか注意点があります。 注意点1:パス指定は絶対パスで CSSからファイルへのパス指定が、CSSからではなく、読み込んだファイルからの指定でなければいけません。ですので絶対パスで指定すると良いでしょう。 例:img, div { beh

  • ユンサンの//YungSang's: 透過PNG と IE と IE7 まとめ

    提示:该网站的域名()已过期 查询whois信息 ,网站不能正常访问,域名续费后可恢复。 The domain has expired and cannot be accessed. It can be restored after renewal. 为避免域名被删除或被他人注册,请联系您的域名服务商尽快完成续费: 1. 若您是西部数码会员,请登西部数码官网,进入:管理中心->域名管理->已经到期,找到该域名,完成域名续费; 2. 若您的域名服务由西部数码代理商提供,请您联系您的代理商咨询续费事宜。

  • PNG透過のん。IE PNG Fix 2.0 - nk clipboard|Webとか

    ★↓jQueryでは無かった事が判明。 PNG Fixで検索していていつのまにかこちらにシフトしてしまったみたい(恥) jQueryのはまた書くお。 ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・ 透過PNGでIE6対策のんを探していて jQueryのん使って〜といわれたので Webdesigning 2008年9月号にものってたし んじゃ〜メジャーなんでしょうって事で、png fixでやる。 ■PNG Fix 2.0 http://www.twinhelix.com/css/iepngfix/ IE PNG Fixを使って透過PNGを表示させる場合CSSファイルに1行設定を追加するだけでよく、HTMLの記述を変更しなくていくて、CSS中に読み込ませるだけでIE5.5、IE6で透過PNGを実現。さ

    PNG透過のん。IE PNG Fix 2.0 - nk clipboard|Webとか
  • MEGAHOKI: Link Gacor Informasi Game Slot Gacor Pragmatic

    Taxes, discounts and shipping calculated at checkout

    MEGAHOKI: Link Gacor Informasi Game Slot Gacor Pragmatic
    wpeee
    wpeee 2009/03/22