Book viewer displays background incorrectly

[dator]

Hello,

I set up background in book viewer using user style sheet but background is displayed on first 3 pages of each chapter.

My settings

body { background-image:url("https://xxx/pics/background.jpg");
background-size:100% 100%;
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center

[kovidgoyal]

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.

[dator]

Originally Posted by kovidgoyal

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.

[kovidgoyal]

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;
}