タグ

バグとbackgroundに関するeguegu3000のブックマーク (2)

  • アンカーを:hover状態にすると親ブロックの高さが変化する - CSSバグリスト

    以下の条件群のいずれかに該当するとき、アンカーにマウスポインタ等を乗せて:hover状態にすると内側から3番目のボックスの高さが増加したり減少したりする。 条件群1 3重以上の入れ子ブロックになっている。 一番内側のブロックに含まれたa要素に:hover疑似クラスで背景を設定している。 最も内側のブロックに任意の上下マージンを設定している。 内側から2番目のブロックに背景とボーダーを設定している。 内側から3番目のブロックに任意の幅を設定している。 条件群2 3重以上の入れ子ブロックになっており、最も内側のブロックが複数存在する。 一番内側のブロックに含まれたa要素に:hover疑似クラスで背景を設定している。 内側から2番目のブロックに任意の上下マージンを設定している。 内側から2番目のブロックまたはそれより内側にある要素に背景を設定している。 内側から3番目のブロックに任意の幅を設定し

  • IE対策:改行される可能性のあるインライン要素に背景画像を指定しない。 | 我流天性 がらくた屋

    痛い目にあったので忘れない内にメモ。 改行されるインライン要素に、背景画像で右側に指定しない。 IEでは一行目にしか背景画像が表示されない background-position で right bottom を指定すると表示されなくなる zoom:1 を入れても文字の終わりには正しく表示されない サンプルHTMLはこちら サンプルHTMLに詳しく書いていますが、IE6でのスクリーンショットをいくつか。 (IE7でも再現します) [background-position:right center ]と真ん中右寄せした場合 zoom:1; を指定した場合 妥協解決策:インライン要素(ここでは<a>)の最後に<span>を入れた場合 空spanを使うのであまり気持ちよくない解決方法。 もし良い方法があったら教えてくださいませ。 参考サイト)インライン要素のrepeat-x背景画像が1行目にしか

    IE対策:改行される可能性のあるインライン要素に背景画像を指定しない。 | 我流天性 がらくた屋
  • 1