近來做個web，頁面上希望實現類似**輪播的效果，這個用flash做會比較酷，但因為會用到flex，這裡沒人會，只好選擇用ajax實現。
這個200*100px的方塊採用了絕對定位，左和上的邊距都是100px，這個邊距是相對它的上一次父層來說的。也就是說，不管在這個父層內還有沒有其它元素，這個方塊都會在它指定的位置上呆著。當然，設定z-index還能控制其在頁面上的裡外順序，決定它是否會被別人擋住。
最後做出來的效果還是比較滿意，至少在我的電腦上測試起來是這樣，我一般只測試ie和firefox，但是，發給使用者測試時問題還是來了。使用者反應這個方塊會比正常的位置向右偏，他說自己所用的是瀏覽器是360。不過，這次不能怪360，因為它只是乙隻披著羊皮的狼，我知道問題應該出在ie6上。我的電腦已經公升級到ie8了，但很多使用者還沒有。在用ie8進行測試時，它有個相容性按鈕，可以看到在低版本下的效果，果然不堪入目。但是，問題出在**呢？這還真是讓人頭痛，web程式設計師最害怕的就是這個東西，瀏覽器版本越多越怕，很多時候一頭霧水，不知道從何下手。我一般都是把這類問題留到最後解決，通常都是靠著乙個信念：總會有辦法的。
本來我們想讓裡面那個層應該離父層的左邊100px，但在ie6下會離開有200px，多了100px，也就是它定位的起點會受到父層的padding-left:100px這個樣式的影響。不過，在我的頁面中，並沒有用到padding，而是類似下面這樣：
這又是怎麼回事兒呢？我百思不得其解，都差點放棄準備轉去學flex了，偶然乙個發現頓時柳岸花明又一村。原來，專案中有類似的頁面，其中的層並不會移位，我仔細對比，發現其中的玄機，就在text-align上。在正常顯示的頁面中是text-align:left，而異常的頁面中為text-align:center。原來，如果設定成居中的話，ie6下浮動層的起點就會以父層的中點計算。
kao，這麼難解決的問題都能被我搞定，我還真是有點兒佩服自己：）
CSS實現浮動層效果更好 IE6以上
眾所周知,很多 做個浮動廣告條,都需要做個浮動層,用dw會幫你做好,生成這樣的樣式 layer1 可是用這個js特效之後,感覺效果還是不理想,拉動滾動條大幅度移動時,浮動層跟滾動條跑來跑去.可是誰會想過不呼叫js特效就能實現浮動層能平滑地跟著滾動條移動呢,其實啊,精通css的美工不用js都能做比程式...
ie6中DIV最小高度
ie6中，使用css定義div的高度的時候經常遇到這個問題，就是當div的最小高度小於一定的值以後，無論你怎麼設定最小高度，div的高度會固定在乙個值不再變化。比如 div 這是因為在ie6中，系統預設的並非是div有乙個預設的高度，而是你沒有解決乙個隱藏的引數，font size，這個是ie6中對...
IE6，浮動遇到絕對定位
本來兩個不相同的東西，在ie6下硬是會擦出火花.當乙個元素內有乙個塊級元素並佔據整行的時候，讓它浮動，然後在它後面的行內元進行絕對定位 父級元素進行相對定位 在其他瀏覽器下都能正常顯示，在ie6下會莫名其妙的消失。嘗試改變ul的長度，或者取消浮動都可以讓ie6正常顯示，莫非ie6下，絕對定位元素被覆...