1

以下は、Firefox 18 にアップグレードするまでは機能していましたが、現在はほとんどのページが変更されて背景が黒くなります。border-radius、overflow:hidden、または 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

問題はキャンバスのfillStyleにあります。

修正されたコード:

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