IE7のz-indexバグに対応する - CSS,JavaScript | Bonkura Blog
案件でプルダウンメニュー（メニューA）を実装した際に、左袖のローカルメニュー（メニューB）でも入れ子の実装をしていたために起こったバグ。メニューAがメニューBの背景に潜り込んでしまう。単純にCSSでz-indexをメニューBよりAの値を大きくすれば問題なさそうだけど、IE7で不具合。z-indexが効かない。IE7のz-indexにはこういう不具合があるらしい。 IE7限定なんだろうけど、z-indexは同一階層間での重ね順の前後を指定するもので、 グローバルに前後を指定するものではなかった komacchi.com/blog ググると色々解決策は出てくるが、どれもしっくりこない。海外サイトでjQueryを利用した解決策を発見し、無事解決。JavaScript上でz-indexをすべてのdivタグに設定しておけばバグは解消されるらしい。 $(function() { var zInde
覚え書き@kazuhi.to: 世界の「最先端」事例に学ぶ CSS ベスト・プラクティス
世界の「最先端」事例に学ぶ CSS ベスト・プラクティス 大藤さんの最新著作、『世界の「最先端」事例に学ぶ CSS ベスト・プラクティス』を読了。Web Designing誌に連載されている「CSS Analysis」の書籍化としては、『世界の「最先端」事例に学ぶCSSプロフェッショナル・スタイル 』に続く第二弾。第一弾を読んだときに、やや冗長な構成が気になりますと覚え書きしましたけど、その点は本作でも大きな変化はありません。古いブラウザへの対応に関する記述、display:none;を指定することや画像置換のリスクへの言及などは、繰り返し登場します。しかし僕はこの連載というか企画が好きですし、何より書籍としてまとめて読んだり手元に置いておけるのはありがたいことなので、買わせていただきました。 個人的なハイライトは、MISSION 025で取り上げられていたXHTMLソース。条件分岐コメン
ウノウラボ Unoh Labs: hasLayoutとは何か
yamaokaです。 CSSに携わっている方なら、Holly hackを使ったことがあるかもしれません。 /* Hides from IE5-Mac \*/ * html .foo { height: 1%; } /* */ Internet Explorer（以下IE）で、レイアウトに問題のある要素に 上記のようなスタイルを指定をすると、 あら不思議、まともな表示がなされるというものです （上記のままではIE7に対応していませんが…）。 さて、どうしてレイアウトが意図したとおりに行われるようになるのでしょうか。 IEのhasLayoutプロパティ IEでは、全ての要素が 「hasLayout」という読み取り専用のプロパティを持っています。 これはそれぞれの要素がレイアウト情報（＝要素の幅・高さなどに関する属性情報）を 保持しているかどうかを示す値で、 デフォルトの状態では「hasLayo
一瞬で「できるIE7」に変身させるフリーアドオン「IE7Pro 1.1」リリース：CodeZine
IE7用アドオン「IE7Pro 1.1」が11日にリリースされた。IE7ProのWebサイトより無償でダウンロードできる。IE7を使う際には導入しておくことをおすすめしたいアドオンだ。 IE7に欲しかった機能が盛りだくさん IE7には他のブラウザと比べると細かな点で搭載されていない機能が多い。IE7Proをインストールすると、次の機能が使えるようになる。 マウスジェスチャー ダブルクリックでタブを閉じる お気に入り、検索バーで選択したページを新しいタブで開く ショートカットキーの設定 タブの自動更新 タブの履歴管理 ページの自動スクロール 入力フォームの自動設定 プロキシの簡易切り替え クラッシュリカバリー こんな機能も また、以下の機能も備えている。 スーパードラッグ＆ドロップ リンクをドラッグ＆ドロップすると新しいタブでリンク先を開くことができる。また、
alphafilter.jsライブラリがバージョンアップしました。
alphafilter.jsライブラリがバージョンアップしました。 IE6で透過pngを扱う為のライブラリalphafilter.jsのバージョンアップを行ったので報告しておきます。 今までalphafilter.jsはprototype.jsがなければ動かなかったのですが、これを単体で稼働するように修正しています。 これでjqueryユーザーの方もalphafilter.jsをご利用いただけます。 また、他のライブラリとの相性を良くする為に、objectの汚染についても取り除くよう対応しました。 現状報告いただいてる問題点は 透過するbox要素にpositionが設定されている場合、box内のa要素が動作しない。 backgroundのrepeatなどには対応してない ここらへんは、AlphaImageLoaderの仕様がそうなので、対応方法が思いつかないんですけど分かる人がいたら教えて
/IE7/
IE7.js is a JavaScript library to make MSIE behave like a standards-compliant browser. It fixes many CSS issues and makes transparent PNG work correctly under IE5 and IE6. This project is now hosted on google code: http://code.google.com/p/ie7-js/
CSS ハックまとめ Lucky bag::blog: IE7 を含むモダンブラウザ向け
Internet Explorer 7 は、 8 月にも beta3 がリリースされるかも知れないんだけど、今現在、IE7 beta2 を含むモダンブラウザに有効そうだと思われる CSS ハックを自分用にまとめておく。以前に IE 7 用の CSS ハックを紹介したことがあったけど、今回の Easy CSS hacks for IE7 - Nano See, Nano Do で紹介されていたハックは、比較的シンプルかも知れない。想定ブラウザは下記のとおり。 バージョン 6 以下の IE IE7 それ以外のモダンブラウザ（Safari、Opera、Firefox） ブラウザごとのハック 全てのサンプルは body 要素を指定の対象としている。 バージョン 6 以下の IE にのみ適用 * html body サンプルページ バージョン 7 の IE にのみ適用 *+html body サンプ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IEでもCSS3で角丸ができるPIE.htcの使い方と注意点 - ウォルディズ
Internet Explorer 7.0 に関するカスケード スタイル シートの互換性