opera9.6 的一個頑固的bug

在敘述之前 先說下 萬幸 這個bug opera10已經修複了

 

divElement是一個 div元素 預設樣式 width:100px;border-width:0:

window.setTimeout(function() { divElement.style.borderWidth = '20px'; }, 100);
當setTimeout回調 來改變某div的borderWidth的時候 opera9不重新渲染就是說看起來會沒有變化

除非 切換焦點到其他視窗再切回來才重新渲染

我想強制他重新渲染.但問題來了.貌似opera9有緩衝機制 用來減少reflow

比如我:

 window.setTimeout(function() { divElement.style.borderWidth = '20px'; divElement.style.width='1000px'; }, 100);
這樣就重新渲染了
border也變了

但是一旦再改回去原來的寬

border又沒了
所以 想在改變border以後 強制重新渲染貌似也不行

如：

        window.setTimeout(function() {
            show.style.borderWidth = '20px';
            show.style.width = '1000px';//強制重新渲染 此時border變化 顯示出來了
            show.style.width = '100px'; //恢複原來的寬度 此時border又變成原始的0了
        }, 100);

 或者

        window.setTimeout(function() {
            show.style.width = '101px';
            show.style.borderWidth = '20px';
            show.style.width = '100px';

        }, 100);

都不行

 

解決辦法 :

  window.setTimeout(function() {
            show.style.width = '101px';
            show.style.borderWidth = '20px';
            window.setTimeout(function() { show.style.width = '100px'; }, 0);
        }, 100);