turn.js
turn.js copied to clipboard
how to make canvas non-transparent
I use canvas as page element, HTML structure like this:
<div id="flipbook">
<canvas></canvas>
<canvas></canvas>
<canvas></canvas>
</div>
but when i am turning page, i find that the page is transparent, so i have a problem: how to make the page non-transparent ?
thank you very much
CSS background:
.flipbook .page {
background-color: tomato;
}
Since the issue is still open and in case someone still finds the same issue (if you use the "display: single" option of turn.js). I just solved my problem by setting background-color on CSS of p-temporal element:
.p-temporal{ background-color: #000000; }