整理電腦裡面的前端開發中的小Tips2【及時更新】

21）在HTTP1.1標準的請求支援（同一個網域名稱）的並行，各個瀏覽器的下載數為：ie6/7（2）、Firefox3、IE8（6）、Opera10/Chrome3/Safari4（4）

22）浮動元素在ie6下的使用要注意：如果不設定寬度，可能會引起問題。

23） 如果在父級元素和子級元素之間（div > p）有一個HTML注釋，在IE7中， 子選取器是不會起作用的。

24）iframe的使用：iframe預設樣式中有邊框，隱藏使用display：none ，去掉捲軸和邊框可以設定成： scrolling="no" frameborder="no" 

25）在IE6、7下button和type為submit的input的預設padding無法去掉，如果需要去掉，可以添加overflow:visible。 

26）效能最佳化，bigpipe 要注意的： ie6,7,8最多能引入32個CSS的檔案，超過將直接被忽略

27）關於reflow：在長頁面添加上 body {overflow-y: scroll}，可以減少一次reflow，將元素display：none的時候然後去修改裡面的內容，是不會引起reflow，然後再顯示。

28）圖片下方多了一點空白問題或者圖片背景定位高度不對問題：設定font-size:0

29）圖片垂直置中問題：一般可以設定line-height 來解決，但是在ie6,7下 必須設定font-size來解決 ，序數為高度的0.873就可以了，即font-size:height*0.873

30) 僅針對ie8 的hack的寫法 \0

31) input 最好不要設定height，可以設定padding的值

32）在頁面潛入iframe，如果iframe裡面的對象 ，必須用 window[iframe].contentWindow 來擷取，其他的就和頁面的方法一樣的來操作了。
33)  /*@cc_on!*/  這個是什麼意思呢？ 其實這個是IE特有的條件注釋，其他瀏覽器都不認識，@cc_on 表示啟動條件注釋，這個在ie下就是非的意思。可以參考這篇文章 
http://blog.163.com/hjysys1314@126/blog/static/10790320820091010112116834/

34）position：relative 不適用於表格，如果要在表格中使用，可以在表格中套一個div，來設定div的postion：relative屬性。