Question

如果您运行这个简单的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;
}

Answer 1

解决了将滚动框插入框内，并将滚动的背景颜色设置为框。

Xul Scrollbox按钮消失

1 个答案: