1

以下一直有效，直到我升级到 Firefox 18，现在它正在更改大部分页面，使其具有黑色背景。如果我删除了边框半径、溢出：隐藏或 button_body 上的背景，它似乎可以解决问题。

调整浏览器的大小似乎也会产生随机结果，如果我让窗口足够小，它会使窗口背景和浏览器背景本身透明，这样我就可以看到桌面。

是否有什么我做错了，或者我可以改变以仍然保留我所有的 CSS 样式但消除这个问题？

<html>
<style>
    body, div, p, canvas {
        overflow: hidden;
    }
    #Main2 {
        left: 0;
        position: absolute;
        top: 0;
        z-index: 1;
        width:500px;
        height:300px;
    }
    #pDiv div.button_body {
        background: #396B9E;
    }
    #pDiv{
        position:absolute; 
        left: 100px; 
        top: 20px; 
        width: 136px; 
        height: 16px; 
        border-radius: 0.3em 0.3em 0.3em 0.3em;
        z-index:10;
    }             
</style>
<body>
<canvas  id="Main2">Upgrade your Browser!</canvas>
<div id="pDiv">
    <div class="button_body">
        test
    </div>
</div>
</body>
<script>
        var _o = document.getElementById('Main2').getContext('2d');
        _o.fillStyle = 'rgba(208, 208, 208, 1)';
        _o.fillRect (0, 8, 200, 200);      
</script>

这是一个示例页面。 http://crystalvalleycomputers.com/test/test.html

4

1 回答 1

1

问题在于画布填充样式。

更正的代码：

 _o.fillStyle = 'rgba(208, 208, 208, 1)';
于 2013-01-24T05:59:49.573 回答