處理不同瀏覽器畫面錯亂問題
CSS 在排版的時後, 都會遇到在 Firefox 排版完成, 但是在 IE 亂了, 而且在 IE 6 看是好的, 在 IE 7 可能又亂了.....解法就是在屬性前面加上特殊符號, 那些符號是 IE 認識, 但 Firefox 不認識, 用這種方法來將畫面做微調.
解法如下述幾點:
- *: IE 7 以前的版本認得(7以後的不知道, 還沒出..)
- _: IE 7 不認得, IE 6 以前的版本認得_
- Firefox 不認得 _, *
- 將畫面在 FF 寫好後, 然後再用 *, _ 來對 IE 做微調
IE6 | IE7 | IE8 | Firefox | Opera | 範例 | ||
---|---|---|---|---|---|---|---|
. | Y | Y | N | N | N | N | .type { .color: #F00; } |
* | Y | Y | N | N | N | N | .type { *color: #F00; } |
_ | Y | N | N | N | N | N | .type { _color: #F00; } |
!important | Y | Y | Y | Y | Y | Y | .type { color: #F00 !important; } |
*+ | Y | Y | N | N | N | N | .type { *+color: #F00; } |
沒有留言:
張貼留言