2011-10-31 87 views
0

我發現我的web應用程序中顯示不正確
在Opera,因爲下面的bug:Opera css的錯誤,解決方法 - ?

#one { 
    overflow: hidden; 
    position: fixed; 
    height: 100px; 
    width: 100px; 
} 
#two { 
    position: fixed; 
    bottom: 0; 
    left: 0; 
    right: 0; 
    top: 0; 
    background: #ccc; 
} 

和HTML:

<div id="one"> 
    <div id="two"></div> 
</div> 

,而不是佔據整個視口#two在Opera中被#one剪下。
有沒有辦法解決這個不影響其他瀏覽器?

+1

不應該這樣工作嗎?它**被包含在'#one'中,其中有'overflow:hidden'。如果他們有'絕對位置',那麼它的工作方式也是一樣的。在大多數瀏覽器上。 (我記得早些版本的東西有一個仍然顯示溢出內容的錯誤)。 –

+1

絕對位置 - 是,固定位置 - 不。這就是爲什麼所有其他主流瀏覽器(Chrome,FF,IE)在整個屏幕上都會擴展#two的原因 – tsds

回答

-1

使用只讀選擇目標歌劇:

#one:read-only { overflow: auto; }