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

?

divElement是一個(gè) div元素 默認(rèn)樣式 width:100px;border-width:0:

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

除非 切換焦點(diǎn)到其他窗口再切回來才重新渲染

我想強(qiáng)制他重新渲染.但問題來了.貌似opera9有緩存機(jī)制 用來減少reflow

比如我:

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

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

border又沒了
所以 想在改變border以后 強(qiáng)制重新渲染貌似也不行

如：

??????? window.setTimeout(function() {
??????????? show.style.borderWidth = '20px';
??????????? show.style.width = '1000px';//強(qiáng)制重新渲染 此時(shí)border變化 顯示出來了
??????????? show.style.width = '100px'; //恢復(fù)原來的寬度 此時(shí)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);

?

轉(zhuǎn)載于:https://www.cnblogs.com/_franky/archive/2009/11/26/1611295.html

總結(jié)

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

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