I set up background in book viewer using user style sheet but background is displayed on first 3 pages of each chapter.
body { background-image:url("https://xxx/pics/background.jpg");
background-size:100% 100%;
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center
You need the background to repeat. THis is because the viewer creates pages by converting the body into columns using css 3 columns properties. So the body stretches off the screen from left to right.
You need the background to repeat. THis is because the viewer creates pages by converting the body into columns using css 3 columns properties. So the body stretches off the screen from left to right.
I understand I suppose to change background-repeat:no-repeat to background-repeat:repeat
Yet this does not work.
I have to say I have never actually tried using background image with the browser viewer. I'd start with something simple like:
html {
background-image: whatever;
background-size: 100vw 100vh;
}