Azure Marketing specialises in web projects for small companies and entrepreneurs, dealing with search engine optimisation, web design using web standards and internet marketing

Resources >> Web workshops >> CSS Floating Background

Floating Background Image

Add a background image style property to the body tag:

<style type="text/css">
<!--
body {
background-attachment: fixed;
background-image: url(yourImage.gif);
background-repeat: no-repeat;
background-position: right top;
}
-->
</style>

This CSS will place the image in the top right hand corner of your page and the image will remain there, even when the page is scrolled.

Why Azure?

It's simple: designing with web standards means reduced file sizes, faster loading pages, reduced maintenance time, and increased accessibility (reach more people, exclude fewer).

Find out more >>>

Contact us for a no obligation free quote and to discuss your project in more detail:

+44 (0)845 050 4523
create@azuremarketing.com

We'll call you back. Just enter your name and phone number here.