CSS/IE7のz-indexの概念 - 俺の基地
通常と異なる概念のz-index IE7のz-index属性の概念はFirefoxとかとはかなり違う・・・ｗ IE7のz-indexは同一階層間での重ね順の前後を指定するもので、グローバルに前後を指定するものではない。 そして各階層では後に書かれたものが上のレイヤーにのっかることになる。 つまり深い階層でどんなにz-indexを操作しても、その要素を含む浅い階層でz-index指定されていなければ、どんなに大きな値を入力しても、浅い階層上で後に書かれた要素よりも上のレイヤーにくることはできない・・・ なんだこれ！ そしてz-indexはpositonにrelativeやabsoluteをつけてないと効かなかったけど、この概念を導入しつつ整合性を保つにはposition指定しなくても有効なのだ。 ▲ ▼ 一番上にするには IE7ルールに従うならばbodyの閉じる直前に要素を入れてz-in
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
この際だから覚えてしまいたいIE7からのCSSの小難しいセレクタやプロパティいろいろ
チャイルドセレクタや隣接セレクタなど、あんまり馴染みのないちょっと小難しい CSS のセレクタなどをまとめてみました。 これからクロスブラウザの照準を、IE7 に合わせるなら、ちょっとお役立ちかもです！ そろそろ IE6 のことは忘れて、IE7 からのクロスブラウザを目指せばいいのかなーという気がしています。CSS のプラパティーの中には、今まで IE6 のことを考えて使わなかったものがたくさんあったりします。それらを改めて確認してみると、コーディングの幅が広がるなーという気になったりもします。 これから使う事が増えるかもしれない、CSS のセレクタやプロパティを、もう一度振り返ってみると同時に、IE7 で注意したい事などを簡単にまとめてみました。 IE6 ではサポートされていませんでしたが、IE7 からは使ってもOKなセレクタやプロパティには、どんなものがあるのか確認してみます。後半は
【特集】正式版完全対応! Internet Explorer 7 CSS攻略法 (4) 02-03 新規対応/未対応機能の問題を回避する | クリエイティブ | マイコミジャーナル
セレクタ IE7では新規に多くのセレクタがサポートされたが、IE6以下では対応していないため、下位互換を考慮すると対応が必要となる。しかし、セレクタの機能を他のプロパティなどで置き換えるのは難しく、「新規に対応したセレクタや未対応のセレクタは使用しない」という形で対応するしかないのが現状だ。 border-spacing border-spacingプロパティでは、テーブルの隣接するセルの罫線から罫線までの間隔を指定することができるが、IE7ではサポートされていない。 IE7での表示 Firefoxでの表示 サンプルソース: 2-3-1 table {border: solid 1px blue; border-spacing: 10px} th, td {border: solid 1px red} <table> <tr><td>DATA</td><td>DATA</td><t
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
