IE和FF chrome css等 不兼容問題小結(2)

 

1 ff不支持<body scroll="no" > scroll屬性,必須定義overflow:hidden;而且要在html標籤下,不能在body下
html{
overflow:hidden;
}

 

2 IE瀏覽器和 FF、Chrome 區別:
如果ie瀏覽器的表格沒有內容,不會顯示錶格
FF就顯示;
解決之道:在IE瀏覽器的表格中隨便寫點東西,&nbsp; 1

 


3 兼容   設置div 居中  margin-left:auto; margin-right:auto;  對FF chrome 起效 IE無效
解決之道 (僅限1366*768分辨率 )(1366-width)/2 作爲margin的對等  讓後加上overflow:hidden;

Div居中問題 div設置 margin-left, margin-right 爲 auto 時已經居中,IE 不行,IE需要設定body居中,首先在父級元素定義text-algin: center;這個的意思就是在父級元素內的內容居中。

 

4 你輸入隔離跳的時候5px  FF chrome 就按5px執行   IE按默認最小18px執行
所以要加overflow:hidden;


5 爲什麼FF下文本無法撐開容器的高度標準瀏覽器中固定高度值的容器是不會象IE6裏那樣被撐開的,那我又想固定高度,又想能被撐開需要怎樣設置呢?辦法就是去掉height設置min- height:200px; 這裏爲了照顧不認識min-height的IE6 可以這樣定義: { height:auto!important; height:200px; min-height:200px; }

 

小知識:什麼是CSS hack?
  由於不同的瀏覽器,比如IE6、IE7、IE8、Firefox等,對CSS的解析認識不一樣,因此會導致生成的頁面效果不一樣,得不到我們所需要的頁面效果。
  這個時候我們就需要針對不同的瀏覽器去寫不同的CSS,讓它能夠同時兼容不同的瀏覽器,能在不同的瀏覽器中也能得到我們想要的頁面效果。
  這個針對不同的瀏覽器寫不同的CSS code的過程,就叫CSS hack,也叫寫CSS hack。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章