眾所周知,很多**做個浮動廣告條,都需要做個浮動層,用dw會幫你做好,生成這樣的樣式:
#layer1
)可是用這個js特效之後,感覺效果還是不理想,拉動滾動條大幅度移動時, 浮動層跟滾動條跑來跑去.
可是誰會想過不呼叫js特效就能實現浮動層能平滑地跟著滾動條移動呢, 其實啊, 精通css的美工不用js都能做比程式好!
嘿嘿,關鍵就在css樣式的position屬性的設定了!
我們先來看position在css中的語法定義:
position: static|absolute|fixed|relative
引數：static :無特殊定位，物件遵循html定位規則
absolute :將物件從文件流中拖出，使用left，right，top，bottom等屬性進行絕對定位。而其層疊通過z-index屬性定義。此時物件不具有邊距，但仍有補白和邊框
relative :物件不可層疊，但將依據left，right，top，bottom等屬性在正常文件流中偏移位置
fixed :物件可以層疊,能物件固定頁面上的某個位置, 也不會受滾動條移動的影響(可惜的是ie5.5及ns6尚不支援此屬性)
大家看完這些定義,知道該用position的哪個引數了吧? , 嘿,對了,就是用position:fixed.雖然說是在ie5.5及ns6尚不支援,但是我想現在電腦系統更新飛快的年代裡, 再過幾年, 人們使用的瀏覽器大部分都會是ie5.5及ns6以上吧.
注:css手冊寫得不對,應該是ie6以上才支援
div浮動層ie6歷險
近來做個web，頁面上希望實現類似 輪播的效果，這個用flash做會比較酷，但因為會用到flex，這裡沒人會，只好選擇用ajax實現。這個200 100px的方塊採用了絕對定位，左和上的邊距都是100px，這個邊距是相對它的上一次父層來說的。也就是說，不管在這個父層內還有沒有其它元素，這個方塊都會在...
IE6下的效果
1.ie6有寬度border實現透明 如果想使得邊框顏色透明，在其餘瀏覽器下比較簡單，直接使用 border color transparent 但在ie6下這個辦法不行，可以通過下面的方式實現 border color tomato filter chroma color tomato 或者 bo...
IE6，浮動遇到絕對定位
本來兩個不相同的東西，在ie6下硬是會擦出火花.當乙個元素內有乙個塊級元素並佔據整行的時候，讓它浮動，然後在它後面的行內元進行絕對定位 父級元素進行相對定位 在其他瀏覽器下都能正常顯示，在ie6下會莫名其妙的消失。嘗試改變ul的長度，或者取消浮動都可以讓ie6正常顯示，莫非ie6下，絕對定位元素被覆...