How can I create a site page with a watermarked image as background.

2 Answers 2


Using CSS is a way to add an image as background to a SharePoint site-page. However, using CSS is only supported with classic pages, when you are using the modern lay-out, using CSS won't work for adding an image as a background.

Instead you can use supported way and navigate to site-settings -> change the look -> select a theme and on the page that appears, on the left-hand site, select a background image from your local computer.

When you are adding a background image this way, the image will also appear on the modern pages.


Watermarks are easy to create using following CSS.

Add the following to the HEAD of your site page. Change the URL of background-image.

    body { 
        background-image: url(image.gif); 
        background-repeat: no-repeat;
        background-attachment: fixed; 

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.