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の表現はだんだん増えてくるかと思うので、一
そこでIE6の場合は、a要素に width: 100% を設定する。 すると文字の無いところでもマウスオーバーできるようになる。 a要素に width: 100% を設定したメニューの例 (文字の無いところでもマウスオーバーする) しかしこれをIE7やFirefoxやOperaで見ると、右側のグレーの枠が隠れてしまう。 これはa要素が外枠に指定した横幅と同じ幅(100%)を持ってしまい枠をはみ出してしまうからからだ。 さらにpaddingやborderを指定すると、もっと横幅が広くなる。 (スタイルシートの解釈としてはこれが正しいのだが) なので、できればa要素にはwidthを指定したくない。 a要素にwidth指定せずに文字の無い場所でもマウスオーバーさせる方法は無いのだろうか? a要素にwidth指定しなくても、文字の無いところでもマウスオーバーするメニューの例 下のサンプル
このページはIE7で致命的なエラー出るという情報を頂き、暫く公開を中止して 修正予定のまま放置しておりましたが、ようやく修正致しましたので再び公開します。 PNGのアルファチャンネルによる 透過(半透明)もサポートされていないインターネットエクスプローラ6。 (GIFと同レベルの256色での単色透過は問題ありません) バージョン7でようやく半透明PNGがサポートとなりましたが、他のブラウザと比較して 余りにも遅れすぎ…。 更にIE7は、Windows Vista、Windows XP、 Windows Server 2003だけですね。これらより古いWindowsには使えません。 そして2006年末の現時点では、まだまだIE6 のユーザーが圧倒的に多いようです。 WEBサイトを作る側からすれば困った問題ですね。うかつに透過PNGを使ってしまうと、 IE6ユーザーから見ると「透過失敗してる…
WineBottler Run Windows-based Programs on a Mac ⬇ WineBottler 4.0.1.1 DevelopmentFree Download for macOS Mojave and High Sierra ⬇ WineBottler 1.8.6 StableFree Download for macOS High Sierra, Sierra, El Capitan, Yosemite, Mavericks, Mountain Lion, Lion and Snow Leopard Tweet » News: Cryptographic Update for WineBottler 4.0.1.1 Cryptographic Needs 🙂 Thank you very much for all your feedback for Win
Welcome to DebugBar Wiki 2015-03-02 : DebugBar v7.5.1 released : Try it Now ! 2014-10-13 : IETester v0.5.4 released : Try it now, it's free ! 2010-09-15 : Companion.JS v0.5.5 released: Download NOW ! Work faster This web site is for DebugBar community to get news about next releases, tutorials and samples on how to faster your developments with DebugBar, share experience, improve DebugBar usage, g
IE6だけなんだけど、CSSで背景画像を指定した時にちらつきが生じる。 いろんなサイトみたけど、結局はIE6のバグでしょって感じ。 メニューなんかのマウスオーバー、マウスアウトで画像を切り替えたりすると この問題に当たるんだろうね。 うちはフェード効果をさせるために使用したんだけど、フィルタのopacityの値を変える度に サーバから画像をダウンロードしやがる...そら遅いし、ちらつくわな。(^^; この問題の回避には何やらブラウザのキャッシュ云々...とか、IISやアパッチの設定云々... なんてのがヒットするんだけどさ、独自にサーバ立ててなきゃそんな設定できんだろ? ブラウザに至ってはクライアントの設定だから、さらに無理!業務系のアプリならいいかもしれんけどさ。 で、とあるサイトに行き着いたんだけど、こちらはCSSの記述だけでいいやん。 まさに探していた情報だよ。 どうも、IE独自の拡
IE6でa要素に display: block; を指定しwidthを指定しなくても全ての場所でマウスオーバーが利くようにする方法のソース HTML <div class="waku"> <ul> <li><a href="#">メニュー1</a></li> <li><a href="#">メニュー2</a></li> <li><a href="#">メニュー3</a></li> <li><a href="#">メニュー4</a></li> <li><a href="#">メニュー5</a></li> </ul> </div> スタイルシート .waku { width: 150px; } ul { margin: 0; padding: 0; border: 1px solid #999999; } li { display: inline; }
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く