habdas.org -Building things on our own takes a lot of time, especially if we want to build them from the ground up. Imagine building a car...
IE 9以下に存在するセレクター数制限にはまった
IE 9以下に存在するセレクター数制限にはまった 開発中にいきなりCSSが壊れて原因を探っていたらこれに行き着きました。IE 9以下では1つのCSSファイル当たり4,095個までしかセレクターを認識しない。4,096個以上は無視される。ええええ。。 SCSSだと割とカジュアルにセレクター数が増える CSSは出来るだけ1ファイルにまとめたい（リクエスト数削減のため） との組み合わせがやばい。SCSSはセレクターが他のページに影響しないように以下のように書いていました。 // 共通部分 @mixin foo { color: red; .foo { font-size: 2em; // たくさんの指定… ... } } // 影響範囲を以下のページのみに限定したい #page-a { @include foo; } #page-b { @include foo; color: yellow;
IE9ヤバイ。IE9の文字間隔･互換モード･DOCTYPE宣言について
IE9文字間隔確認用サンプル 文字間隔や段落の間隔をチェックする為のサンプルです。とりあえずFirefox3.6とFirefox4でズレない事を確認。文字間隔のチェック用なので意味不明な文字が並んでいます。 ※追記･注意：下記ページはスタイルシートで少しだけ調整しています。 全くの未調整の場合、段落の高さが大きく異なったり、半角英数字のフォントが 文字コードで変わったり、かなり比較し難いものになったため。 後述しますが、英数字フォントにsans-serifを指定すると問題が発生するようです。 ※サーバー引っ越し後、以下リンクは文字化けするようになりました (修正予定なし) HTML 4.01 サンプル HTML 4.01+UTF8 HTML 4.01+EUC-JP HTML 4.01+SHIFT-JIS XHTML 1.0 サンプル XHTML 1.0+UTF8 XHTML 1.0+
IE8は、first-letterと!important組み合わせるとおかしくなる!? - Hato-Style
2009年05月06日 （水） XHTML/CSS ようやく正式版がリリースされWeb標準（！？）の第一歩を踏み出したIE8 別で運営しているサイトでCSSのfirst-letterを使用していたのだが、first-letterと!importantを組み合わせるとIE8で挙動がおかしい。 まずは下記のコードを。 <h2><a href="test.html">テストじゃー</a></h2> CSSは下記のコード h2{ font-size: 100%; } h2 a{ color: #333; display: block; } h2 a:first-letter { color: #FF0000 !important; } と指定すると、IE8でcolorプロパティが効かなくなり文字色はすべて黒になる。IE6~7/Firefox 3/Opera 9.5/Safari 4では1文字目が赤
CriCri IE6の：first-letter バグ（？）
[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。 今日は「：first-letter」について忘備録を書きます。 これは、見出しや文章の最初の文字を大きくしたり、他の色にできる疑似要素です。 例：#TopTitle:first-letter { color:#000; } 主要なブラウザはこれに対応しているので表示にはまったく問題はありませんが、IE6ではこれに関するバグ（？）があるそうです。 IE6の疑似要素バグ（？） CSSは、セレクタ ｛プロパティ：値｝という書き方をします。 人によっては、セレクタ｛プロパティ：値｝や、セレクタ ｛ プロパティ：値 ｝など、間を空けたり詰めたりして書きますが、普通は表示に影響を与えるものではありません。 ところが、IE6ではそれが影響するようなのです。 問題になったCSSの書き方は、セレク
IE8のレンダリングモードと特定文字列によるクラッシュバグ - os0x.blog
こんにちは、だいぶ久しぶりなブログ更新です。昨日、IE8のおもしろバグを発見してしまったので、さらしものにみなさんと共有したいと思います。 早速今回のバグの再現コードをみてみましょう。 <!DOCTYPE html>ܫ<br>１日 再現ページ たったこれだけです。JavaScriptはおろか、CSSすらありません。ただのHTMLです。これだけでIE8の標準モードのレンダリングが壊れ、強制的に互換モードにフォールバックされます。 さらに次のようにmetaタグ(もしくはレスポンスヘッダ)でX-UA-CompatibleにIE=8やIE=edgeを指定して、標準モードでのレンダリングを強制していた場合はフォールバックが働かないので真っ白なページが表示されてしまいます。 <!DOCTYPE html> <meta http-equiv="X-UA-Compatible" content="IE=8
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
