Div與溢出：隱藏，邊界半徑和畫布作爲孩子。溢出越野車根據大小畫布

今天我有一個主要的頭破克。「錯誤」似乎取決於圓形div內的畫布大小。誰可以解釋這種行爲，小提琴，並具有在Firefox這個「錯誤」 16.0.2./chrome請與FF，IE和Chrome的小提琴的解決方案......Div與溢出：隱藏，邊界半徑和畫布作爲孩子。溢出越野車根據大小畫布

overflow not hidden in firefox 16 
<div class="round" > 
<canvas width="300px" height="300px"> 
    Your browser needs canvas support</canvas> 
</div> 
overflow hidden in firefox 16 
<div class="round" > 
<canvas width="12000px" height="7200px"> 
    Your browser needs canvas support</canvas> 
</div>

Fiddle

來源

2012-11-16 kasper Taeymans

它似乎只是取決於畫布的寬度。當畫布寬度=或> 8193px時，該錯誤得到解決。這可能取決於屏幕分辨率（我的屏幕寬度是1366像素）......沒有對其他srceen尺寸進行測試。 –

由於這是一個錯誤，我沒有發現任何其他的解決辦法，然後設置了一個巨大的寬度畫布元素，目前這個問題沒有正確的答案。

來源

2012-12-03 15:35:39

我不對畫布知之甚多，但你的內聯width="300px" height="300px"讓我覺得不正確。如果推遲到這些樣式表，或內聯style屬性，你應該得到的結果，你打算：

<canvas style="width:300px; height: 300px;">

來源

2012-11-16 01:20:57 Stephen

這是不正確的。檢查這個小提琴的證明http://jsfiddle.net/kasperfish/m3jtc/34/它確實取決於畫布的寬度。 –

那小提琴證明它確實適合我！ :) – Stephen

好吧，這是不是在我的贏7盒與Firefox 16.0.2（屏幕分辨率1366×768）。它雖然解決了Chrome的問題！你在哪個平臺上以及哪個版本的Firefox？ –

Div與溢出：隱藏，邊界半徑和畫布作爲孩子。溢出越野車根據大小畫布

回答

相關問題