在敘述之前 先說下 萬幸 這個bug opera10已經(jīng)修復了

?

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);

?

轉載于:https://www.cnblogs.com/_franky/archive/2009/11/26/1611295.html

總結

以上是生活随笔為你收集整理的opera9.6 的一个顽固的bug的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內容還不錯，歡迎將生活随笔推薦給好友。