0

この単純なXulの例を実行すると、タブを使用して最後の（3°）ボタンから最初のボタンにスクロールすると、中央のボタンが消えることがわかります。なぜですか？そして、どのように修正するのですか？

（実行するには、コンテンツフォルダに「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;
}
4

1 に答える 1

0

ボックス内にスクロールボックスを挿入し、スクロールの背景色をボックスに設定することで解決しました。

于 2010-11-25T11:04:20.690 に答える