ie裏面的css屬性裏overflow 不隱藏

      今天做項目,項目中要用到一個圖片輪播,可是這個圖片輪播呢?老是弄不進去,弄進去也是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都有問題的解決辦法。

 

感謝:http://www.111cn.net/cssdiv/163/42133.htm

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