youtubeのiframeをremove();しようとするとIEでバグる件 - ブログ｜ベトナムでのオフショア開発とスマートフォンアプリ開発のバイタリフィ
今日はw杯アジア最終予選オーストラリア戦ですね。 19：30キックオフだし定時でサクッとあがって家で観戦したいもんですね。 しかし不発弾処理もあって電車止まったりしていたしスタジアムまで行く人は大変そう。。。 WP事業部すぎやまです。こんばんは。 さて、WEBページ上にyoutube動画を埋め込むのに便利なiframeですが、変なブラウザバグ？に出くわしました。 lightbox風にページ全体を覆った上で動画を再生するという単純なもの （ライブラリやプラグインではなくスクラッチで組んだものですが） ですが、汎用性を持たせるためにサムネイルをクリック後にappend();したり閉じるときにremove();したりしていました。 今まで使ってきて表題のようなバグが出ることはなかったはずなんですが、最近バグが出ているのに気づきました。 IEで再生中に閉じてもiframeをremove();してい
6. script with defer (IE bug) - async/defer属性とDOM構築
実行結果 Hello World! マークアップ <p id="result"> Hello <script src="D.js" defer></script> <script src="E.js" defer></script> <script src="F.js" defer></script> World! </p> 解説 script[defer] doesn’t work in IE<=9 で報告されている「IE9 以下で jquery.js と jquery-ui.js をそれぞれ defer 属性付きで読み込んだ際に起きるバグ」を単純化して再現しました。 発生原因は innerHTML を介して既存 DOM に 直接 HTML を挿入することと推定されており、本例では D.js、E.js、F.js を次のようなコードにして、スクリプトの実行が途中でストールしてしまう様子を再
CSS3 IE対策まとめ
CSS3を使うにあたっていつも問題になるのが Internet Explorer（IE）です。CSS3への対応が遅い上に、旧バージョンを使い続けているユーザーも結構いますので、CSS3を使うことに躊躇する人も多いのではないでしょうか？ ということでCSS3を使うにあたって知っておきたいIE対策を紹介します。 1. CSS3の対応状況を確認する まず、IEのバージョンごとでCSS3にどこまで対応しているか知っておく必要があります。個人的によく使っているのはこのサイトです。 CSS3 & HTML5 Browser Support CSS3で追加されたプロパティ、セレクタについてブラウザごとの対応状況が分かりやすく表示されています。 2. CSS3セレクタに対応する セレクタはSelectivizr.jsだけあれば簡単に対応できます。「CSSセレクタって何？」「CSS3セレクタってどういうもの
border-collapseについて再度調査してみた | A Day in the Life
October 21, 2009 当ブログの過去のエントリーborder-collapseの内容は2006年当時の内容であるため、検証したブラウザが少々古い物となっています。 なので自分の環境で出来る限りのキャプチャーを取ってみました。検証したブラウザは以下の通りです。クリックするとキャプチャー画像をご覧になれます（画像は2倍に拡大してあります）。 Windows IE6 Windows IE7 Windows IE8 Windows Firefox2 Windows Firefox3 Windows Firefox3.5 Windows Google Chrome3 Windows Opera9.6 Windows Safari4 Macintosh Safari4 Macintosh Firefox2 Macintosh Firefox3 Macintosh Firefox3.5 結果
IE の attachEvent では this が使えない？ - ボッチが何か言ってる
mixi エコーの返信をポップアップ表示する Greasemonkeyを IE でも使えるようにしようと思って修正していたんですが、ちょっと attachEvent の辺りで若干ハマってしまったのでメモメモ。 とりあえず 変更前のソースはこんな感じ。 // ==UserScript== // @name Mixi Echo Popup // @namespace http://ohaco.jp/ // @include http://mixi.jp/recent_echo.pl* // @version 1.0.0 // ==/UserScript== (function() { var allAnchor = document.getElementsByTagName("a"); var overlay = document.getElementById('overlay').style
DD_belatedPNG: better PNG background-image support in IE6
Long story short, this uses Microsoft's implementation of VML instead of Microsoft's AlphaImageLoader filter. I stumbled upon the notion that PNG images show up correctly in a VML fill element while working on DD_roundies. Thereafter, some Googling revealed that a few people had already known about this. The intended implementation is pretty easy: Download a copy of the DD_belatedPNG Javascript fi
IE1, 2, 3, 4, 5, 6, 7, 8の確認が同時にできる -Internet Explorer Collection
Internet Explorerの異なるバージョン（1, 1,5, 2, 3, 4, 5, 5.5, 6, 7, 8）を同時に起動して、確認ができる「Internet Explorer Collection」を紹介します。 Utilu IE Collection 同時起動できるIEのバージョンは、インストールするWindowsのバージョンによって異なります。 当環境（XP SP3+IE7）では、上記のキャプチャのようにIE1.5, 2, 3, 4, 5, 5.5, 6, 7, 8を同時起動できました。 ※元のIE7には特に影響はありませんでした。 古いバージョンが必要ない場合は、インストール時にチェックをはずせばインストールしないと思います。
ヨモツネット[日記] ≫ CSS ファイルだけで IE 6 の背景に設定した png のアルファチャンネルを有効にする
blog移行しました。新しいblogで更新を続けています。 XMLェ… text ja 2012-07-08 http://www.yomotsu.net/wp/?p=603 XMLェ… 日々の出来事2012年7月8日日曜日 ブログ作りなおそうかなーと思って、この Webサイト をみなおしてたら、Web ページのメタ情報としてダブリンコア (RDF) を混在させていたことを思い出した。バリデーターにかければ、グラフも取り出せて みたいな感じになる。でも結局あまり意味なかったです多分。いまは OGP とかありますしね。 Web ページは XHTML にしてたけど、ブログのコメントで参照先のない数値参照とか混ぜられると XML パースエラーになるし、XML だから他の語彙混在できるけど、RDF くらいしか混ぜてなかったし、XHTML 意味なかったです多分。いまは HTML に SVG 混在でき
IE7.js登場 - IEのCSS/HTML非準拠はこれで対応 | エンタープライズ | マイコミジャーナル
Dean Edwards氏は7日(米国時間)、IEの動作をW3C標準仕様へ準拠させるためのライブラリIE7.jsの最新版を公開した。IE7.jsはJavaScriptで開発されたMS Internet ExplorerのHTML/CSS表示を調整するライブラリ。IE7.jsを使うことでMSIEのHTML/CSSまわりの表示処理をよりW3C標準規約に準拠したものにする。IE5やIE6で透過PNGを表示できるようにもなる。 IE7.jsは基本的にMSIE5/6向けに用意されていたライブラリをIE7に対応させたもの。これまでのモジュール構造は廃止され、IE7.jsやIE8.jsといったように個別のファイルに分離されている。ホスティング先もGoogle Codeへ変更された。IE7.jsはサイズも縮小され、圧縮した状態で11KBほど。またbase2.DOMのセレクタエンジンを使うことでより高速に動
CSSの擬似クラス：IE6/IE7でも使う方法あります - builder by ZDNet Japan
年間5,000件の問い合わせに対応 疑問を解消したいユーザーも答える情シスも みんな幸せになるヘルプデスクの最適解 大事なのは”仕事の段取り” 幅広い業務を任されているからこそできる ひとり情シス流の業務改善術 Kubernetes活用の最適解とは？ 今、注目のコンテナを活用した柔軟なIT基盤 運用、管理の課題を解決しメリットを最大化 ハイブリッドクラウド時代の救世主 企業ITを素早く進化させるためのAVS サービス開始から1年で大幅に機能がアップ 電話営業・インサイドセールの革新 AIによる自動文字起こし・会話分析が 音声コミュニケーションの可能性を拓く 新OSのWin11はどう進化したか ビジネス上の役割、開発の要因と Win11が目指した5つのポイントを紹介 データ活用は次のステージへ トラディショナルからモダンへ進化するBI 未来への挑戦の成功はデータとともにある AWSとAzur
ねっとさまりー: letter-spacingはIE6だとBR改行のバグが出るよ
CSSの話。 こことは別のブログのスタイルシート弄っていたら、IE６での表示がどうもおかしい。 （私は普段はFirefox使っています）。 letter-spacingを使った状態でBRを重ねて使っても空行にならないのです。 letter-spacingとは文字間隔を調整するために使います。 これを使うとIE6でBRが上手く解釈されないらしい。 （自分では確認してませんが、IE7では修正されているらしい）。 このバグの解決方法があるのかどうかは不明。 いずれにせよ、letter-spacingはそれほど必要のない属性だから、使わなければいいだけですけどね。 IE6を使っているユーザーはまだ多いからletter-spacingは使うのやめましょう。
行の高さを正しく算出しない：Internet Explorer (Windows) CSSバグリスト
行の高さを正しく算出しない(5.x/6.0) 症状 文字列が存在しない行の高さを算出するとき、line-heightプロパティの値やベースラインより下の部分（ディセンダ）の高さを無視する。しかし、li要素の最後の行ではディセンダの高さを無視しない。従って、行の高さの算出が統一されていないことになる。 例示 <ul style="margin:0; padding:0;"> <li style="margin:0; padding:0; list-style:none;"> <img src="../img/img02.png" alt="■"></li> <li style="margin:0; padding:0; list-style:none;"> <img src="../img/img02.png" alt="■"></li> <li style="margin
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Platform Status - Microsoft Edge Developer
IDEA * IDEA
http://hpbuilder.net/weblog/2007/08/07123842.html
Deliver your apps instantly, everywhere - Turbo.net
透過PNGをCSSで背景に指定してIE6や5.5のバージョンでも綺麗に表示してみる - DesignWalker
サービス終了のお知らせ