Background Image Size

[jayuh]

Hey! I've seen this question come up a few times but I think it's in a different context to this. I'm relatively new to proboards but I've played around with html/css in the past so I'm pretty familiar with this side of things. My question is about using background images in divs / individual posts.

I don't know if it's a good idea to do it and it was just an idea I had to make certain posts stand out in an RP my friends and I are setting up.

What I'm trying to achieve is to have a background image cover a div using the background-size property without it repeating. I'm not sure if this is possible on proboards and I'm sorry if this is answered somewhere else or in a guide somewhere or something. I have had a quick look and couldn't find anything.

The code I'm using right now is this:

[div style="background-image:url(image.jpg);background-repeat:no-repeat;background-size:cover;"]content[/div]

Not sure if I'm doing something totally wrong that I'm just not noticing for some reason or if it's just not possible within individual posts. Thanks for any help that can be provided!

[Chris]

You can easily test what Proboards bbcode styling accepts by writing out what you want to test on the BBCode tab, flip to Preview then flip back to BBCode to see what Proboards accepted and what it discarded. In the case of background-size property it gets removed but if you use it in the shorthand CSS3 form then it is accepted

[div style="background:no-repeat transparent center/cover url(http://storage.proboards.com/forum/images/defaultavatar.png);"]content[/div]

[jayuh]

Ooh, thank you! Didn't think to try it that way!