2010-11-22 114 views
0

如果運行這個簡單的Xul示例,可以看到當您從最後一個(3°)按鈕滾動到第一個時,使用選項卡,中間按鈕消失。任何想法爲什麼?以及如何解決?Xul Scrollbox按鈕消失

(運行它,你會需要把命名爲 「img.png」 在內容文件夾中的PNG圖片)

test.xul

<?xml-stylesheet href="chrome://test/content/test.css" type="text/css"?> 

<window id="desktop" title="test" width="1280" height="720" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> 

    <scrollbox> 
     <button image="chrome://test/content/img.png" /> 
     <button image="chrome://test/content/img.png" /> 
     <button image="chrome://test/content/img.png" /> 
    </scrollbox> 

</window> 

test.css

#desktop { 
    border-style:solid; 
    border-color:transparent; 
    border-width:50px; 
} 

button { 
    position: absolute; 
    -moz-appearance: none; 
    border: none; 
    background: url(""); /* nothing */ 
    width: 128px; 
    height: 128px; 
    z-index: 1; 
} 

button image { 
    width: 64px; 
    height: 64px; 
} 

button:focus image { 
    width: 128px; 
    height: 128px; 
} 

scrollbox { 
    background-color: #555555; 
} 

回答

0

解決插入將盒子中的滾動框放入盒子中,並將滾動的背景色設置爲盒子。