cssText在IE中的小bug

2021-05-23 20:15:05 字數 657 閱讀 7072

當需要批量賦予element樣式時,csstext是比較好的方式,可以減少reflow,如:

element.style.csstext = 'width:100px;height:100px;top:100px;left:100px;'  

但是,這樣會有乙個問題,會把原有的csstext清掉,比如原來的style中有』display:none;』,那麼執行完上面的js後,display就被刪掉了。

為了解決這個問題,可以採用csstext累加的方法:

element.style.csstext += 'width:100px;height:100px;top:100px;left:100px;'  

但是,csstext(假如不為空)在ie中最後乙個分號會被刪掉,比較bt….

因此,上面csstext累加的方法在ie中是無效的。

最後,可以在前面新增乙個分號來解決這個問題:

IE6下position fixed的bug解決

參考文章 http www.qianduan.net fix ie6 dont support position fixed bug.html 頂部固定 在相應 div的 css中新增 下劃線只能被 ie6識別 position absolute bottom auto top expression...

又抓到蟲子了 IE中奇怪的應用CSS的BUG

由於ie系瀏覽器對標準的支援不夠好,導致web開發中經常需要去處理瀏覽器相容性問題,特別有些莫名其妙的問題很讓人頭疼,今天要說這個問題就是這樣的,先從插入css的三種方法說起 外部樣式 external style sheet 當樣式需要應用於很多頁面時,外部樣式表將是理想的選擇。在使用外部樣式表的...

z index在IE中的迷惑

今天在寫頁面的時候發現頭部導航欄的下拉列表,被下面的畫中畫遮擋住了,然後把導航的下拉列表樣式設定為z index 999 但是在ie下沒起什麼作用,而在ff下起作用了。然後又把畫中畫的樣式設定為z index 99 在ie下還是沒反映。囧。ie下 ff下 然後在google裡搜尋了一下z index...