AOK's JavaScript Sample 動作確認: ○IE6.0(WinXP) ○Firefox1.5(WinXP)
AOK's JavaScript Sample 動作確認: ○IE6.0(WinXP) ○Firefox1.5(WinXP)
古いブラウザを検出して推奨ブラウザとリンクをモダンに表示できる「Outdated Browser」 2014年06月26日- Outdated Browser 古いブラウザを検出して推奨ブラウザとリンクをモダンに表示できる「Outdated Browser」 ブラウザ切替えを促すページとしては私が見た中では最もリッチでカッコいいかも。 単純に1つのブラウザを推奨するのではなく、○%のユーザがこれを使っていますという提案をすることで、ユーザが選択できるようになっているのも新しい。 簡単なマークアップとJSを入れるだけで実装は完了するので、こうした機能を入れる際の参考にまで。 関連エントリ IE6ユーザへのアップデートをスマートに促すことが可能な「ie6update.js」 ブラウザ上で使えるJavaScriptによるデータベース「Traffy DB」 IE6のアップデートを促してくれたり、ア
TOP > WebDesign > IE6〜IE8をCSS3に対応させるスクリプト「Kick-ass CSS3 Support in IE6, 7, and 8」 WEBサイト構築においてもはや常識となったCSS。新たな仕様のCSS3が整備されつつあり、表現の幅をさらに広げてくれるものになっていますが、最新のブラウザのみ対応しており、IE6のようなシェアがある旧世代のブラウザは対応していないというのが現状です。そこで今日紹介するのはIE6〜IE8をCSS3に対応させるスクリプト「Kick-ass CSS3 Support in IE6, 7, and 8」です。 全てのCSS3のプロパティが適応されるのではなく、角を丸くしたり、ボックスに影を入れたりテキストに影を入れたりといったCSS3の機能をスクリプトにyほって再現するというものです。 詳しくは以下 スクリプトを読み込ませると言
CSSやJavaScriptを使って、IE6, IE7, IE8, IE9 とIEの異なるバージョンごとにスタイルシートを適用する方法のまとめを紹介します。 Use Different Styles For Different Internet Explorer Versions [ad#ad-2] 下記は各ポイントを意訳したものです。 CSS: 条件付きコメント(class) CSS: 条件付きコメント(外部スタイルシート) CSS: CSS Hack JavaScript JavaScript: jQuery おまけ CSS: 条件付きコメント 条件付きコメントを使用して、ドキュメントの一番上の要素(html)にIE6/7/8用のclassを付与します。 HTML <!--[if IE 6]> <html class="ie6"> <![endif]--
max-widthのよくあるサンプル max-widthを使ったちょっとしたサンプルを作る機会があって、IE6でに対応しようと思って検索してみたらIE独自拡張のexpressionを使っているものが多かったです。概要はこんな感じでしょうか。 *html #container { width : expression( document.body.clientWidth > 1000 ? '1000px' : 'auto' ); } ただしこの記述については少し気になる所があって、検索に引っかかる割りには指摘をしている記事が見当たらなかったので、その点について書いておきます。 CSSで該当した要素はthisで参照できる 上の例でCSSで要素を指定しておきながら、documentからたどって該当要素を探しているのは少し効率が悪いですね。更に#containerとdocument.bodyでは要
DiaryTechnology CSSでmin-heightをクロスブラウザにする最も簡単な方法『Easiest cross-browser CSS min-height』 CSSでmin-heightをブラウザに関係なく使いたい。 そんなあなたにおすすめなのが、『Easiest cross-browser CSS min-height』。CSSでmin-heightをクロスブラウザにする最も簡単な方法だ。 There are still enough folks using IE6, unfortunately, and it doesn’t support the min-height or min-width CSS parameters. This has caused the invention of a number of different hacks and browser
CSS3セレクタを使う上で問題となるのはやはりIEです。HTML5 & CSS3 Supportで確認すると、IE6~8はほとんど対応できていないことが分かります。 そんなIEでもCSS3セレクタを使えるようにするのがSelectivizr.jsです。詳しく紹介されているサイトがあまりなかったのでご紹介。 Selectivizrの設置方法 ここで提供されているselectivizr.jsとJavaScriptライブラリを外部ファイルで読み込むだけで、CSS3セレクタがIE6~8でも利用可能となります。コードも外部ファイルを読み込むだけですのでとてもシンプルです。 <script type="text/javascript" src="[JSライブラリ]"></script> <!--[if (gte IE 6)&(lte IE 8)]> <script type="text/javascr
Warning: set_time_limit() [function.set-time-limit]: Cannot set time limit in safe mode in /home/users/1/cocotte.jp-mtw/web/cms/wp-content/plugins/rvg-optimize-database/rvg-optimize-database.php on line 23 404 Not Found ??????????????????? ?????? URL ? https://mtw.cocotte.jp/blog/diary/html/2009/05/07-2234.php ?????????????????????????????
IE6/7/8でもCSS3の角丸、ボックスシャドウ、グラデーション、マルチバックグランドなどを使えるようにするbehaviorスクリプトを紹介します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く