IEで透過pngにopacity - latest log
@nksm さんのつぶやき IE7+で透過pngに対してopacityを指定した時の汚さはなんとかならんかな。IE6はキレイなんだが・・・。 via http://twitter.com/nksm/status/16611637369 を見つけたので、VMLを使って透過pngにopacityを適用する方法を jsdo.it にあげました。 http://jsdo.it/uupaa/IEAlphaPng_x_Opacity 解説 知識として IE6〜IE8では、filter: AlphaImageLoader(src="**.png") で透過png画像を利用できる IE6〜IE8では、filter: alpha(opacity=0〜100)で 画像の不透明度(opacity)を指定できる filter: は一度にひとつではなく、複数指定できる があり、これを踏まえて filter: alp
IEで起こるfont-familyでの日本語フォント有無による文字サイズの変化バグ
ネタ元：font-familyの憂鬱 - Webtech Walker 以前から気づいていたのですが、 ％でfont-sizeを指定していると、 IEだけなぜか他より少し大きくなっていた。 フォントの問題なんだろうなって思っていたけど、 こればかりはどうしようもないなとあきらめていた。 文字コードがUTF-8で、日本語フォントを指定しないと、IEはフォントサイズ11px相当の文字を12px相当の大きさで表示させてしまします。 font-familyの憂鬱 - Webtech Walker そんな時にネタ元のエントリーを見つけたのだが、 本当にそれだけで変化するのか！？ と不思議に思ったので検証してみることにした。 CSSの設定など 今回のCSS設定は日本語フォントの指定ありと無しを用意した （fontの部分だけ抜粋） ◎日本語フォント指定無し body{ font-size: 10px;
[CSS] IEのhasLayoutがtrueの時に垂直方向のmarginが相殺されない | バシャログ。
CSS のコーディングをしていると、IE6 や IE7 で垂直方向の margin が相殺されない現象が頻発するので、ちゃんと原因を確かめました。 以下、サンプルです。 XHTML のコード <div> <p>テスト</p> </div> <div> <p>テスト</p> </div> CSS のコード div { width: 100px; margin: 0 0 50px; background-color: #000; } p { margin: 0 0 50px; background-color: #EEE; } 各ブラウザでの表示 「div」と「div で囲まれた p」それぞれの下方向に 50px の margin を適用すると、通常は同じ方向の margin が相殺されて下方向の空きは 50px となるはずですが、IE6 と IE7 では margin が相殺されず 100p
![[CSS] IEのhasLayoutがtrueの時に垂直方向のmarginが相殺されない | バシャログ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/c76f538a877e78afb07d09e5ff0f87885ac194e9/height=288;version=1;width=512/https%3A%2F%2Fbashalog.c-brains.jp%2Fimages%2Fcat_coding.png)
【どうしよう】お金がない、そんな時に頼れる融資先
お金がないとき、どうしよう、というときのキャッシング活用法 多分わたしの家計をまず見直す必要があると思うのですが、毎月給料日直前になると、お金が尽きてしまいます。そんなとき、いつも友達や親からお金をすこしばかり借りて凌ぐのですが、先月はつい親に愛想を尽かされてしまいました。それで、来月はどうしてもお金がなくて、困ったら、キャッシングで乗り切ろうと思うのですが、その活用方法を教えてくださらないでしょうか？ それなら無利息ローンがおすすめ 質問者さんもご自分でおっしゃっていますが、まずは家計の見直しが必要でしょうね。給料をどのくらいもらってらっしゃるのかわかりませんが、毎月借金をしなければやっていけない、というのはどこか問題があると思います。「足りなくなったら借りれば良い」という発想ではなく、「足りなくなるような状況が発生しないように」限られた中でどうすればよいのかを考えてみましょう。 ただ、
IE8バグ？：a要素内に画像があってa要素に背景を指定した時に位置がずれる
キャプチャ見てもらうと分かるようにIE8だけ極端に位置がおかしい。 IE8がリリースされてから、まだあんまりいじってないのでよく分かってないのですが、今組んでいるサイトをIE8でチェックしたら、「あれ？表示がおかしい...」って事に遭遇してしまったので、エントリー。 よくある感じで、リストのマーカー変わりに背景の指定をa要素にして、そのリスト内には画像テキストが入ってたんです。はい。 毎度のようにサンプルも用意してみました。 サンプルを見る 発生条件は調べた感じa要素内にimg要素があって、a要素にbackgroundプロパティの指定をした時に起こる感じです。 img要素にテキストが隣接してても同様でした。 サンプルみたいなデザインの場合、マーカー部分も一緒に切ってしまう事が多いから過去の案件は大丈夫だと思うけど・・・ 取りあえず、今回のサンプルに使ったソースは以下です。 <ul> <li
IE6 で文章の最後の2文字（くらい）が変なところに表示されてしまう問題の原因と解決法。
Web 制作のことを中心に、ちょっとした Tips などを掲載しています。「自分用メモ」が基本スタンス。 btmup Blog ひょっとしたら定番ネタかも知れないのですが、ググってみても情報が見当たらなかったのでとりあえずメモ。 IE6 で float を使ったレイアウトをしているとき、文章の末尾（最後の2文字くらい）が変なところに表示されるということがあります。 どう変かというと、末尾の文字をそのままコピーしてはみ出たような、そんな感じです。 もちろんソースにそんなものは含まれていません。 JavaScript や PHP なんかを使っている訳ではなく、純粋に HTML と CSS のみでもこのような事象が起こります。 で、とりあえずググってみて見つかったのは下記2つの記事。 »コメント文が出力に影響！？ »IE6のバカヤロウ (room ant) これらを読んで、とりあえず「float
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
