IE6/IE7/IE8/IE9のCSSハック
IE6/IE7/IE8/IE9と他のブラウザを振り分けるCSSハックです。IE9はまだベータ版なので有効にならなくなるかもしれませんがとりあえず。 →IE9も正式版で確認済みです。 １．IE6/IE7/IE8/IE9と他のブラウザを振り分けるCSSハック 以下の順番でプロパティおよびセレクタを記述してください。 body { color: red; /* all browsers, of course */ color: green¥9; /* IE8 and below */ *color: yellow; /* IE7 and below */ _color: orange; /* IE6 */ } body:not(:target) { color: black¥9; /* IE9 */ } IE6：プロパティの先頭にアンダースコア「_」を付与 IE7：プロパティの先頭にアスタリスク
World Wide Deb
The first signs of mounts may appear in adolescence, with more severe development around 30-40 years. It is a deformity in the bone of the big toe, which deviates to the other toes and thus produces a prominent formation, in many cases being painful. It is not possible to say precisely what the cause is,…
納期間近でIEで崩れてる！ そんな時にも慌てないCSS開発のワークフロー
まだまだIE7、そしてIE6のユーザーをターゲットに考えているウェブサイトは多くあると思います。 そんなIEユーザーをターゲットに含めたウェブサイトを制作する上で、より効率的にCSSの開発が行えるワークフローを紹介します。 Cross-Browser CSS Development Workflow [ad#ad-2] 下記は各ポイントを意訳したものです。 1. リセットかノーマライズか 2. 基本的なレイアウトはIEで 3. 最後の確認もIEで 4. 最後の手段：IEのみスタイル 5. 問題に取り組み続ける 6. おわりに 1. リセットかノーマライズか IE, Firefox, Chrome, Safari, Operaなどのブラウザには各要素ごとのデフォルトのスタイルが用意されており、制作する際にはこれらの相違を見出し、各要素を整える必要があります。 CSSリセットとは CSSリセッ
Internet Explorer、シェアが50％を下回る （japan.internet.com） - Yahoo!ニュース
NetApplications が公表した最新のブラウザ利用統計によれば、2011年10月のブラウザ利用シェア（デスクトップ+モバイル）で Internet Explorer が49.59％となり、50％を下回っていたことがわかった。同ブラウザは Windows 98 が発売された1998年頃にシェアが50％を超え、2004年には95％に到達していた。だがその後、Mozilla Firefox などの登場でシェアは低下。近年ではモバイルデバイスからの Web 利用の増加が同ブラウザのシェア下落に拍車をかけている。 【画像が掲載された記事、より大きな画像、その他の画像など】 シェア2位は Firefox で21.20％。この数値はここ1年程度安定している。Google Chrome はさらにシェアを伸ばし16.6％に到達した。 モバイルブラウザ市場では、Apple の Safari が
CSS/HTMLのテクニックをクロスブラウザ対応（特にIE）にする方法のまとめ
17 CSS/HTML Effects with Cross-Browsing Alternatives サポートしないブラウザへの対応方法はJavaScriptを利用するなどいろいろありますが、その中の一つとして紹介します。 [ad#ad-2] 下記は各ポイントを意訳したものです。 幅の最小値・最大値 (IE included) RGBa (IE included) 不透明度 (IE included) 画像の回転・拡大縮小 (IE included) 背景をブラウザいっぱいに表示 (IE included) 画像無しのビュレット テキストのシャドウ (IE included) 複数のボーダー (IE included) ボックスシャドウ (IE included) 角丸 スクリーンリーダー用のコンテンツ ネガティブ値で指定したtext-indent Clearfix (IE inclu
Mac版IEをダウンロードするには
2007年5月16日(水) 23時55分33秒 [ソフトウェア] Mac版IEをダウンロードするには Mac版のIEは、既に開発が終わっているだけでなく、公開（配布）すら終了していて入手できません。MacユーザがIEを使い続ける理由は（たぶん）ほとんどないと思うので、今さらMac版IEを気にする必要はないのかも知れないけど、でもやっぱり入手して表示確認くらいはしたいですよね…。 で、てっどさんから教えてもらったんですが、どうやらevolt.orgというサイトで過去のバージョンも含めてごっそり公開されているようです。 ◆browsers.evolt.org: / ie / mac 上記のページで、Mac版Internet Explorerが、Ver 2.0からVer 5.2.3まで公開されていて、dmgという形式でダウンロードできます。ちゃんと日本語版もありました。(^_^;)
[CSS]主要ブラウザの特定ブラウザのみに有効なCSSハック集
Internet Explorer、Firefox、Safari、Chrome、Operaなど主要ブラウザの中の特定ブラウザのみに有効なCSSハックをbradKELLETTから紹介します。 Documenting the Hacks: CSS Browser Targeting CSSハックは使用しないに越したことはありませんが、必要がある場合には最小限簡潔に記述しておくようにします。 各ブラウザの新しいバージョンがリリースされた際、これらのハックが無意味なものになることも念頭においてください。 Internet Explorer 6 IE6のみに適用します。 <textarea name="code" class="css" cols="60" rows="5"> #selector { _property: value; } </textarea>
![[CSS]主要ブラウザの特定ブラウザのみに有効なCSSハック集](https://cdn-ak-scissors.b.st-hatena.com/image/square/bc54860ba06deaa45382cf2bddc929515def0354/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fshared%2Flogo-2014050501-en.png)
RedLine Magazine : リストタグを使用時のIEでの変な隙間を消す
リストタグを使用時のIEでの変な隙間を消す 私的覚え書き。 リストタグを使用してメニューを作ったりする際にIEだけに変な余白が入る事がある。それを解消するネタ。 >>問題のサンプル・こんな感じ。 Firefox等で見るとちゃんとメニューの間が詰まっててＯＫなのだが、IEの場合だと勝手に余白が入る。marginやpaddingを0にしても、liタグを途中改行しても効果なしで、その都度ごまかしてきたりしてたんだけど、とりあえず原因はIEの場合、リスト内のインライン要素をブロック化すると余計な余白を入れるというかline-heightの解釈が正しくないっぽい。 >>対策はこんな感じ。 li { line-height:0; } a { display: block; background-color:#900; padding: 5px; color: black; text-decoratio
css-eblog.com - このウェブサイトは販売用です！ - css eblog リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
CSS+DHTML: ドロップダウンメニュー
※ サンプルのリンク先はありません。 ※ マウスなどのポインティングデバイスを持たないシステムではご利用頂けません。 メニューはリスト要素を使ってマークアップします。 最上部のul要素のクラス名を dropdown としてください。 複雑になりがちですので、記述ミスには注意が必要ですね。 <ul class="dropdown"> <li><a href="未設定">マジカル</a> <ul> <li><a href="未設定">妖しいページ</a></li> <li><a href="未設定">秘密のページ</a></li> </ul> </li> <li><a href="未設定">コミカル</a> <ul> <li><a href="未設定">アホなページ</a></li> <li><a href="未設定">ハイなページ</a></li> <li><a href="未設定">シャイ
[CSS]IE6にも対応したテキストリンクをPNG画像に置換するスタイルシート
PNG image replacement in links demo IE6への対応に加え、下記の配慮もされたものとなっています。 画像オフの場合は、リンクはテキストで表示。 CSSオフの場合は、リンクはリストで表示。 画像オフでCSSオフの場合は、リンクはリストで表示。 HTMLは下記のように各ラベルに透過gifが配置されています。 <textarea name="code" class="html" cols="60" rows="5"> <div id="backing"> <ul id="imgReplacement"> <li class="home"><a href="#url1"><img src="ir/trans.gif" width="0" height="0" alt="" />HOME</a></li> <li class="products"><a href="
[CSS]スタイルシートを自動でIE6対応にするオンラインサービス -ie6fixer
手元のスタイルシートをフロートやネガティブマージンなどIE6のバグを回避する記述を自動生成するオンラインサービス「ie6fixer」を紹介します。 ie6fixer IE6に対応したスタイルシートを生成する方法は、以下の手順です。 「master stylesheet」の欄に、スタイルシートを入力。 「Give me my ie6 fixes」ボタンをクリック。 以上で、IE6のバグに対応したスタイルシートが生成。 IE6のバグに対応している箇所は、現在のところ下記の通りです。 「min-height」は、「height」に変更。 「float」は、「display:inline;」を追加。 「position:relative;」は、「zoom:1;」を追加。 ネガティブマージンは、「position:relative; zoom:1;」を追加。 「overflow:hidden;」は、
CSSハック - 俺wiki
俺wiki 知の代わりwiki トップページページ一覧メンバー編集 CSSハック 最終更新： h_yoshiaki 2013年03月08日(金) 00:46:44履歴 CSSハック CSSハックの前に CSSハックとは ブラウザの名前 古いブラウザを除外する Mac版IE5 Mac版IE5のみにCSSを適応する Mac版IE5のみ除外 Mac版IE5のみ違う値を適用させる(上書きして) Win版IE5.0・5.5 外部ファイルにする Win版IE5のみ除外 Win版IE5のみ違う値を適用させる IE6.0以前とモダンブラウザの切り分け IE系全部に適用 Win版IE系のみに適用 IE系を除外する IE系に違う値を適用させる Safari Safariのみに適応させる iPhone CSSハック CSSハックの前に つ Browserhacks さて，某SNSもxhtml＋cssでソースを書
miniturbo.org - Mac IE でのセンタリング まとめ(暫定版)
前エントリーにて書いた「Mac IE でのセンタリング」は、固定幅のみに対応したものでした。今回は固定幅に加え、可変幅にも対応したものになります。さらに、コードをちょっとわかりやすくまとめてみました。 可変幅の場合、親ブロックである div#content の幅を%などの相対指定にします。そして、Mac IEのみに margin-left で、div#contentの幅の半分の値をマイナスします。 つまり、div#contentを表示領域の80%の横幅で中央配置にしたい場合、Mac IE以外のブラウザには body { text-align: center; /* IE6互換モード用 */ } div#content { overflow: hidden; width: 80%; margin: 0 auto; text-align: left; /* IE6互換モード用 */ } と指定
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[CSS]スタイルシートの量を少し減らした、新しいclearfix -micro clearfix
https://jp.techcrunch.com/2010/02/24/20100223ie6-death/
主要ブラウザすべてに影響する「クリックジャッキング」攻撃とは
みんなでIE6にお別れを『Dear IE6』 | 100SHIKI
mac版IEのfloat属性の挙動について｜WALK SLOW, AGAINST THE FLOW.｜BLOG
CSSハック | BLOG × WORLD ENDING