老版本瀏覽器相容,css2學習

2021-08-14 05:47:28 字數 601 閱讀 4197

行間隔,盒子模型每個div的行間用乙個類clearfix來達到間隔10px的效果;

清除浮動,用clear:both

超出高度隱藏,ie的div預設高度是18px,超出部分會被撐開,所以用overfllow:hidden

.clearfix {

float:left;

height:10px;

width:100%;

clear:both;

overfllow:hidden;

因為css2沒有圓角效果,所以用來做

下層用的右上角,下層是box

下層用的左上角,上層是box裡的h3

.box  {

width:300px;

height:30px;

line-height:30px;

background:url(img/tit-bg.gif) no-repeat right;

.box h3 {

width:100px;

backgriound:url(img/tit-bg.gif) no-repeat left;

…………待續..................................

瀏覽器CSS相容

一 important 在ie6及ff中的使用 box1 box1 important是說這個設定有優先順序,ie碰到 important不會出錯只是忽略他的功能,假如後面又設定了width,ie會以最後設定的 width為準,假如後面再沒有其它設定,則會用當前這個值,也就是前面的 importan...

手機瀏覽器css相容

pixel與point比值稱為device pixel ratio,普通裝置都是1,iphone 4是2,有些android機型是1.5。那麼 webkit min device pixel ratio 2可以用來區分iphone 4 4s 5 和其它的手機 iphone4 4s的解析度為640 9...

CSS相容不同瀏覽器

製作頁面的時候,由於瀏覽器的不同,對css的解析也會有所不同,從而達不到我們預期想要的頁面效果,這個時候我們就需要針對不同的瀏覽器去寫不同的css,讓它能夠同時相容不同的瀏覽器。css hank。原始 歡迎光臨!減號是ie6專有的hack 9 ie6 ie7 ie8 ie9 ie10都生效 0 ie...