今天做項目,項目中要用到一個圖片輪播,可是這個圖片輪播呢?老是弄不進去,弄進去也是ie裏面不正常,Firefox、也不正常,實在沒辦法了,自己看源碼看能不能寫出來,原來啊,裏面有個問題,css裏面有個overflow:hidden在ie裏面老是起不到作用,難怪啊
在百度搜了一把,解決方案如下
當父元素的直接子元素或者下級子元素的樣式擁有position:relative屬性時,父元素的overflow:hidden屬性就會失效。
解決辦法:
我們在IE 6內發現子元素會超出父元素設定的高度,即使父元素設置了overflow:hidden。
解決這個bug很簡單,在父元素中使用position:relative;即可解決該bug
ie7和ie6
發現在ie6和ie7裏面overflow:hidden無效,還是會超出外層div
後來在外層div上面加上position:relative就解決了
暫時加*號hack掉吧,有時間再研究一下到底是什麼原因導致的問題
好了,問題都說了,下面來看我解決我的實例吧。
ie6 ie7 ie8都有問題的解決辦法。