【jQuery】IE8以下で透過PNGのopacityアニメーションが黒く汚れるのを回避する | バシャログ。
そうめんと水出しのお茶があれば生きていける気がしてきたhakoishiです。 さて、今回はjQueryで透過PNGのopacityアニメーションがバグるのを回避する方法です。 透過画像をアニメーションさせた時、IE8以下でフチが黒くなって困った経験をお持ちの方、いらっしゃるのではないでしょうか？ 発現条件 発現する条件は、この4点です。 画像は透過png。 画像自体にopacityアニメーションを設定している。 画像にフィルター（AlphaImageLoader）をかけている。 ブラウザはIE8以下。 回避するためのポイント 回避するためのポイントはこの2点。 画像にフィルター(AlphaImageLoader)をかける。 アニメーションの対象を、その画像を包括する要素にする。 移動やサイズ変更もしたい場合、包括要素も画像と同じサイズにしておくと扱い易いと思います。 サンプルを作りましたの
IEに互換表示をさせない at softelメモ
問題 IE8とかIE9とか、WindowsVistaとかWindows7とか、新しい環境のIEで、 Javascriptや画面表示がおかしいだけみたいで、互換表示にしたら動くみたいなんだけど、勝手に互換表示にさせる方法ないの？ 答え 互換表示とは、IE8やIE9にIE7相当の表示をさせるモードのこと。 IE8やIE9で使って欲しいと思っているのに、互換モードで閲覧されて困る場合は、強制的に互換表示させないようにします。 IEで互換表示の指定は以下の箇所で可能で、反映される優先順位は、以下のとおり。 META タグ HTTP レスポンス ヘッダー DOCTYPE 宣言 METAタグもしくはヘッダで設定するときは、X-UA-Compatibleという項目を設定する。 X-UA-Compatible といえば、content=”IE=EmulateIE7″ を指定する話が有名だが、それ以外の値も
IE6～IE8でCSS3が使える「CSS3 PIE 1.0.0」登場
PIE makes Internet Explorer 6-9 capable of rendering several of the most useful CSS3 decoration features. 15日(米国時間)、「CSS3 PIE」初のメジャーバージョンとなる「CSS3 PIE 1.0.0」が公開された。CSS3 PIEは、CSSレベル3に対応していないIE 6/IE 7/IE 8に対して、いくつかのCSS3プロパティをレンダリングする機能を提供するプログラム。Apache License v2およびGPL v2のデュアルライセンスのもとオープンソースで公開されている。 CSS3 PIEは、既存のCSSスタイルシートに「behavior: url(PIE.htc);」の1行を追加するだけでCSS3が利用できるようになるユーティリティツール。現在サポートされているCSS3
IE9.jsで実現するシンプルなclearfixとその他の恩恵 - Mach3.laBlog
この記事は賞味期限切れです。（更新から1年が経過しています） 既に広く知られているであろう、IE9.jsは、 新旧IEの差異を（出来るだけ）埋めてくれる素晴らしいスクリプトです。 今日のお話は、IE9.jsで実現出来るシンプルなclearfixと、 このスクリプトで実際どんな恩恵が受けられるかの備忘録です。 cf) ie7-js – Project Hosting on Google Code シンプルになったclearfix 念の為スクリプトのロードも記載しておきます。 IE用の条件分岐コメントを外すと他のブラウザでエラーが出ますのでご注意を。 （これも内部で条件分岐して頂けると大変幸せだなぁ） <!--[if lt IE 9]> <script src="http://ie7-js.googlecode.com/svn/trunk/lib/IE9.js"></script> <
人類とIE6の戦いについに終止符、マイクロソフト社が告知サイト「ie6countdown.com」をリリース
人類とIE6の戦いについに終止符、マイクロソフト社が告知サイト「ie6countdown.com」をリリース わけのわからないバグやオレオレ仕様によって、すべてのWebデベロッパーの憎悪の対象であるマイクロソフト社のブラウザ「IE6」。その恨まれっぷりは、プログラマーとデザイナーの間の軋轢を軽く超えることは間違いありませんが、とうとうMS社自らが「IE6終了宣言」に向けて動き始めました。人類とIE6の戦いに、ついに終わりの日が来るようです。 今回マイクロソフト社が立ち上げたサイト「IE6 Countdown」は、いかにIE6のシェアが下がってきたか、なぜ私達はIE9に乗り換えるべきなのかを説明しているサイト。これを見ればあなたも即IE6との戦いに参加することができます。 IE6 Countdown 現在の国別IE6シェア。日本は世界の中ではやや高めとなる10.3％と、技術立国を目指す身とし
IE6/IE7/IE8/IE9の共存まとめ
Windows 7やWindows VISTAでIE6/IE7/IE8/IE9を共存させる方法です。IE9はまだベータ段階ですが、周辺ツールも対応してきた頃なのでまとめてみました。 公式ブラウザの共存はできませんが、以下に示す方法で各バージョンの表示を確認することができます。最近はIETesterが主流になってきたようなので、そこを踏まえてます。 IETesterを利用＋IETesterでIE9を確認できるようにカスタマイズする 「Microsoft Expression Web SuperPreview for Windows Internet Explorer」と「Internet Explorer Platform Preview（「Internet Explorer 9 Platform Preview」）」を併用する IE9のブラウザーモードとドキュメントモードを利用する 以下、
Internet Explorer 9 の誕生を祝う会
Web の標準化を加速し、今までにない Web アプリケーションとサービスの可能性を拓く Internet Explorer 9 の誕生を多くの開発者、デザイナー、ユーザーと共に祝いたいと思います。
フォトレポート：Internet Explorerが登場15周年--各バージョンを画像で紹介
「Internet Explorer」（IE）が米国時間8月16日で登場から15周年を迎えた。企業利用や「Windows」との連携のおかげで、IEは「Netscape」に勝利して以来、10年にわたってブラウザ分野で支配的な地位を維持してきた。 しかしながら、近年では「Firefox」や「Google Chrome」「Safari」など競合するブラウザが台頭している。Net Applicationsによると、7月時点の市場シェアはIEが約60％、Firefoxが23％、Chromeが7％、Safariが5％だったという。 米CNETは、15年にわたる歴史のなかで大きく進化し、9月にはIE9ベータのリリースを控えるInternet Explorerのこれまでと今後について画像で紹介する。 提供：Greg Shultz/TechRepublic 「Internet Explorer」（IE）が米
IE9に対して「Canvasをフルサポートしてくれ」という草の根キャンペーン開始
マイクロソフトは現在開発中のInternet Explorer 9で、HTML5などの標準に準拠することを明らかにしています。しかし現在開発者向けに公開されているInternet Explorer 9 Platform Previewでは、HTML5のCanvasタグがまだサポートされていません。 そこでマイクロソフトに対して「Canvasタグをフルサポートしてくれ」と草の根で訴えているのが「The Internet Explorer 9 HTML5 Canvas Campaign 」です。 HTML5対応チェックでまだ160点中19点 キャンペーンのページでは「The HTML5 test」というサイトが紹介されています。これは表題通りWebブラウザのHTML5対応度を測ることができるWebサイト。160点満点で、Webブラウザごとに以下の得点を現在のところ獲得しているとキャンペーンサイ
苦労するのはやっぱり…「今時のWEBデザインの分析」グラフが妙に納得されていた : らばQ
苦労するのはやっぱり…「今時のWEBデザインの分析」グラフが妙に納得されていた 仕事となるとどんな職業にも、相応の苦労はあることでしょう。 しかしながら今時のWEBデザインには独特の苦労ポイントがあるようで、Webデザインを分析した円グラフが人気となっていました。 今時のWEBデザインについての分析 ブラウザごとに表示のされ方が微妙に違うため、WEBデザインをしている人なら思うところはいろいろあるようです。 海外サイトのコメントも沢山集まっていましたので、一部抜粋してご紹介します。 ・「こんなのはたくさんだ、IE6もたくさんだ、というわけでXBOXで遊んでやる」と言う時間：95％ ・オレにとってはこのCSSのみでってのは本当だよ。よくそうやってテーブルを解決している。 ・IEが好きだってやつがいたら、そいつはスタイルシートを作ったことの無いやつだろうよ。 ・そうだな、あの古いフォーマット。
IEをモダンブラウザのように扱う方法10 – creamu
IEにだけできないことを可能にしたい。 そんなときにおすすめなのが、『10 ways to make Internet Explorer act like a modern browser』。IEをモダンブラウザのように扱う方法です。 便利そうなのが揃っているので、ざっとご紹介しますね。 HTML5をIEでも使用可能にする html5.jsを読み込んで、HTML5をIEでも使用可能にする text-shadowプロパティー IEでtext-shadowプロパティーをfilterを使って実現 IEでのbox-shadow filterを使ってシャドウに見せるテクニック 角丸 モダンブラウザはborder-radiusで、IEにはDD roundiesを適用 マルチカラム div要素にカラムを追加する。IE用にはjQueryプラグインで実装 HTML5の表現はだんだん増えてくるかと思うので、一
グーグル、「IE 6」のサポートを終了へ
Googleは明らかに、「Internet Explorer（IE）6」に見切りをつけたようだ。 Googleは米国時間1月29日、「Google Docs」および「Google Sites」サービスにおけるIE 6のサポートを3月1日で終了すると発表した。IEユーザーがこれらのサービスを利用したい場合、「IE 7」以降のバージョンにアップグレードしなければならなくなるが、それは「他の多くの企業がすでに、IE 6などの旧ブラウザのほか、ブラウザ開発元各社からサポートされていないブラウザのサポートを中止している」からだ、とGoogleはブログ投稿の中で述べた。 Googleなどの米国企業を狙った先ごろのサイバー攻撃でIE 6の脆弱性が悪用されたことを受け、Microsoftは1月21日、異例の措置として臨時パッチを緊急リリースし、この脆弱性を修正した。IE 6（セキュリティ関連コミュニティー
［速報］Internet Explorer 9初披露、HTML5対応、DirectXで描画。Silverlight 4は今日からβ公開
［速報］Internet Explorer 9初披露、HTML5対応、DirectXで描画。Silverlight 4は今日からβ公開 マイクロソフトの開発者向けプライベートイベント「PDC09」は2日目。マイクロソフトが初めて、現在開発中のInternet Explorer 9の情報を明らかにしました。Internet Explorer 9は開発から3週間目で、HTML5対応、JavaScriptなど性能の向上、そしてハードウェアアクセラレート機能の活用などがポイント。 また、リッチメディアコンテンツのプラットフォームであるSilverlightは、次期バージョンのSilverlight 4を紹介。Webカメラなどの外部メディアサポート、グリッドや画像なども埋め込めるリッチテキスト機能、Adobe AIRのような独立したアプリケーションとしての機能などの強化と、Visual Studio
IE共通の9つのCSSバグをそれぞれ解決する方法:phpspot開発日誌
IE共通の9つのCSSバグをそれぞれ解決する方法がNettutsにて紹介されています。 どれも、なんでだろうと頭を悩ましそうな問題なので解決法を知っておくと簡単に対処できそうです。 1. センタリングが効かない問題 margin: auto を指定した場合の期待する結果 IEの場合以下のようになりますが↑にするための解決法が書かれています 2. 横に並べたいリストが階段状になってしまう IEの場合以下のようになってしまいますがこの解決法も記載されています 3. ダブルマージンフロートバグ マージンの指定が期待通りに出ている例 ↓ IEの場合、margin: 30px 0 0 30px; で定義した値が正しく適用されない例も解決法があります 4. heightの高さ指定が効かないバグ height:2px を指定した場合の想定する表示 IEはなぜか2pxにならないのでこれも解決法が示されて
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Internet Explorer デベロッパー センター
わずか四文字でIE6/7/8を区別するCSSハック | コリス
http://boukennosyo-scr.com/anti-ie6/
[CSS]IE6/7/8で異なるCSSの対応状況をCSS2.1, CSS3ごとにまとめたチートシート