2011-02-24 56 views
0

我試圖解決什麼看起來像在Opera中的錯誤。Opera瀏覽器渲染錯誤:垂直溢出和絕對定位。任何人都知道解決方法?

不需要的行爲 是,opera在瀏覽器窗口中放置了一個不必要的垂直滾動條。

發生這種情況時,我有一個外部div是位置:相對和溢出Y:自動和嵌套的內部div是位置:絕對和恰好高於瀏覽器窗口的高度。

例如:

<style type="text/css"> 
    #outer { 
     position: relative; 
     overflow-y: auto; 
     width: 200px; 
     height: 200px; 
    } 

    #inner { 
     position: absolute; 
     height: 2000px; 
     width: 50%; 
     border: 2px dashed blue; 
     background: deeppink; 
    } 
</style> 

<div id="outer"> 
    <div id="inner">Inner</div> 
</div> 

這裏是一個演示:

http://www.jaysweeney.com.au/overflow_issue.html

有趣的是,你可以從上面的演示中看到,對於水平溢出不會發生 這個問題。

這是我所看到的在歌劇的截圖:

http://www.jaysweeney.com.au/screen.png

我在OS X

使用Opera 11.01如果有人知道這個問題的解決方法,請讓我知道。目前我難倒 和它太多的工作來改變我的標記和JavaScript,以不使用絕對定位。

在此先感謝,

Jay。

回答

0

看起來確實像這是一個錯誤的種類。

唯一的解決辦法我能想到的是完全用身體來關閉瀏覽器窗口上的垂直滾動條{溢出-Y:隱藏;}

但是,它可能是有點太激進措施.. 。

+0

感謝您的留言。是的,它不是我想要的解決方法,而且,如果用戶使用鼠標滾輪,或者說,macbook用戶使用觸摸板滾動,主體將滾動。 – jsw 2011-02-25 03:50:22

相關問題