CSSよくあるミス
最近CSSで気になるミスというか注意点。
- 言わずもがな数字から始まるIDやClassは禁止
- 背景画像の位置指定で、left/center/right/bottom などと px指定、%指定などを混ぜてはいけない。IEやFirefoxではOKでもOpera,Safariなどでは乱れる。
- よくある背景画像をタイトルにするテクニックでは、text-indent にて吹き飛ばすテキストがリンクの場合、text-decoration:none にしておかないと、Firefoxにてリンク下線が画面上に伸びることがある。というかなるべくなら飛ばさずに、spanで内側を囲ってdisplay:noneで消したほうがいい。使用場所によってはIEで変な表示になることも...
- 画像をhoverしたときにbackground-positionでずらす方法はIEでちらつく場合あり、どれもこれもIE7が出れば解決することなのだが....