Need a Watermark on a page

Monty_Collingsworth · May 12, 2025, 6:04pm

I have a dialog that has a Field Set. I want to place a watermark on that page or within the Field Set. I have tried with CSS and it didn't seem to work. I have also tried to add a background image in the images folder and for the Fieldset add the Style="background-image: watermark.png" using an image and that didn't work. Any suggestions???

DIV info on page

My Text Here

CSS Info .watermark { position: absolute; bottom: 0; left: 0; transform: rotate(45deg) translate(0, -80vh); font-size: 48px; color: #ccc; z-index: -1; }

korchev · May 12, 2025, 6:37pm

This isn't the valid CSS syntax to specify a background image. You should use something like this if the image is in the wwwroot/images directory of your app:

Style="background-image: url(/images/watermark.png)"

Monty_Collingsworth · May 12, 2025, 6:43pm

That worked but not exactly what I wanted. It put the image more than once.

korchev · May 12, 2025, 6:44pm

You also need to set background-repeat to none if you don't want it to repeat.