Notebook
アンカーを:hover状態にすると親ブロックの高さ/マージンが変化するバグ
私はCSSコーディング中にIEでプレビューすると、a:hoverで上下マージン(margin,padding)が変わることがよくある。これには以下のような条件があるようだ。
» more
- 条件1:
- 3重以上の入れ子ブロックになっている。
- 一番内側のブロックに含まれたa要素に:hover疑似クラスで背景を設定している。
- 最も内側のブロックに任意の上下マージンを設定している。
- 内側から2番目のブロックに背景とボーダーを設定している。
- 内側から3番目のブロックに任意の幅を設定している。
- 条件2:
- 3重以上の入れ子ブロックになっており、最も内側のブロックが複数存在する。
- 一番内側のブロックに含まれたa要素に:hover疑似クラスで背景を設定している。
- 内側から2番目のブロックに任意の上下マージンを設定している。
- 内側から2番目のブロックまたはそれより内側にある要素に背景を設定している。
- 内側から3番目のブロックに任意の幅を設定している。
Search
Recommend
Tags
- Accessibility
- ActiveX
- Ajax
- Apple
- Application
- Blog
- CSS
- Douglas Bowman
- Dreamweaver
- Firefox
- Flash
- Framework
- Gmail
- HTML
- HTML5
- IE
- ImageMagick
- iTunes
- JavaScript
- Javascript
- jQuery
- language
- Microsoft
- Movable Type
- MT
- mt
- Office 2007
- OS
- PC
- perl
- PHP
- plugins
- procedure
- tag
- template
- thickbox
- upgrade
- W3C
- WCAG
- Web標準
- Windows
- WordPress
- Work
- XAMPP
- XHTML
- アクセシビリティ
- アクティブコンテンツ
- ドメイン
- プラグイン
- 拡張機能
- 正規表現







