Web Tutorials

</>   CSS Tutorial

CSS

Cascading Style Sheet

Background-Attachment

It specifies whether the image set using background-image property is fixed with respect to the containing block or shall it scroll.

  1. background-attachment: scroll;
    Specifies the background image will scroll along with the containing block.

  2. background-repeat: fixed;
    Specifies the background image will be fixed against the containing block and will not scroll.

  3. background-repeat: inherit;
    The associated element takes computed value of its parent element's background-attachment property.

Example
<html>
<head>
<title>Skillpundit</title>
<style type="text/css"> .img
{
background-image: url(images/skillpundit-bg.jpg);
padding: 0px 10px 0px 10px;
background-attachment: scroll;
 }
p
{
color: white;
 }
</style> </head>
<body>
<table border="1" cellpadding="0" cellspacing="0" width="300" style="border:1px solid #FF3300;">
<tr>
<td width="300" class="img" height="159">
<h3>Self Confidence</h3>
<p align="justify">Obligations of business will frequently occur that pleasures have to be repudiated and annoyances matters to this principle.
</p>
<p align="justify">The idea of competition, particularly in a creative atmosphere, is always there; if you don't acknowledge that, you are doing yourself and the process a disservice. </p>
<p align="justify">To acquire knowledge, one must study; but to acquire wisdom, one must observe.
</p>
</td> </tr>
</table> </body> </html>
Output

Click for Download Image Images Zip

Obligations of business will frequently occur that pleasures have to be repudiated and annoyances matters to this principle. The idea of competition, particularly in a creative atmosphere, is always there; if you don't acknowledge that, you are doing yourself and the process a disservice.