PERUTORO -小樽の新米ウェブデザイナーのブログ-

わざわざ半透明の画像を作ったりしなくても、cssで透過指定が出来るって凄い便利。でも相変わらず、IEは未対応なのですが、なんとか出来るは出来るようで。 filter: alpha(opacity=50); -moz-opacity:0.50; opacity:0.50; これでIEでも、cssで画像の透過指定が出来ます。 関連する投稿 IE6で文字が繰り返されるバグ。 (0) CSSでIE6でも透過PNGを表示させる方法。 (0) 文字が折り返さず、枠をはみ出て表示される対処法。 (0) デザインリニューアルと、W3C準拠しよう。 (0) IEでのバグを修正。そろそろ雪らしいです。 (0)

またIE6。もう嫌だーって思ってましたが、すぐ解決策は見つかりました。詳細は下記サイト参照。 IE6で、文字(画像)が複製されてズレる – Archiva 複数のfloat要素が重なった場合に発生する事があるバグって事ですかね。上のサイトでも書いてありましたが、それなり有名なバグらしい。「Explorer 6 Duplicate Characters Bug」。とりあえず解決策は、実際に繰り返されるタグ（僕が見たのはpタグ）に「margin-right: -3px;」と振れば良いとの事。 うちの場合は、これだけで解決されましたが、バグが出る環境によると思いますので、もしこんな現象に遭遇したら試してみて下さい。 関連す...

便利だったので、メモ。まぁIE6はそろそろ消えそうな雰囲気もありますが…覚えておくに越したことはないかと。 下記にhtmlの例。 <li class="sample"><a href="#">サンプル</a></li> 下記にcssの例。 li a{ display: block; width: 100px; height: 70px; text-indent: -9999px; } li.sample a { background: url(sample.png); } li.sample a:hover { backgroun...

以前、うちの上司のブログでも紹介されていましたが、「IE6 No More!」っていうサイトがあります。検索すれば沢山出てきますが、ホームページを作る上でIEは本当に悩みの種。。。特にひどいのがIE6で、旧式のブラウザでcssのレンダリングもおかしい上にpng画像もまともに表示してくれない。その割に、まだまだ使っている人が多いって事実。 IE6は駄目！って言うわけではありませんが、時代と共にいろんな物が進歩していきます。せめて、今のWEB標準に合わせた、最新のブラウザにアップグレードしましょうよっていうサイト。ぶっちゃけ、僕自身IEは好きじゃないです。 このサイトでは、IE6で見た人にアップグレードを促がす為のコードが配布されていま...

ホームページを作っていると、ブラウザ毎の表示の問題を解決するのが結構大変です。IE7だとちゃんと綺麗に見えるのに、IE6だとレイアウトがごちゃごちゃになったり。単純にｃｓｓの書き方でなんとかなる物も多いんですが、ブラウザのバグなどで、どうしようもない事があります。 そういう時に便利なのが、cssハック。ハックにもいろいろとありますが、今回はxhtml側で、条件分岐コメントを使い読み込ませるCSSを指定する方法をメモ。 例：ブラウザがIE6だった場合にだけ、ie6.cssを読み込ませる <!--[if IE 6] --> <link rel="stylesheet" type="text...