Greatly improved background syntax

Greatly improved background syntax:

BODY {
position: fixed;
top: 10%;
left: 10%;
}

HTML:1 {
background-image: url(adbar.jpg);
background-height: 10%; /* Either: Relates to the
height of the viewport with background-attachment:
fixed, and to the width of the viewport with
background-attachment: scroll OR relates to the height
of the viewport */
background-width: 100%;  /* Relates to the width of
the viewport */
background-repeat: no-repeat;
background-attachment: fixed;
}

HTML:2 {
background-image: url(adbar2.jpg);
background-width: 10%;
background-repeat: repeat-y;
background-attachment: fixed;
}

The higher the :number, the higher the default z-index
for that background.

The following should be included in the spec:
1. HTML cannot be positioned, and all backgrounds
specified on it are placed relative to the canvas.
2. BODY can be positioned, and if it is, all
backgrounds specified on it are placed only onto the
positioned area applying to margin and padding alike.
3. If BODY is not positioned, all background
properties specified on it are applied to the canvas.

This also allows margin-color.
P.S. I think the notion of reverse inheritance is the
best one to resolve the difficulties with the
background of the canvas, it's just that it is
irreconcilable with CSS 1 and 2.


=====
----------------------------------------------------------
From Matthew Brealey (http://members.tripod.co.uk/lawnet (for law)or http://members.tripod.co.uk/lawnet/WEBFRAME.HTM (for CSS))
__________________________________________________
Do You Yahoo!?
Bid and sell for free at http://auctions.yahoo.com

Received on Wednesday, 17 November 1999 08:03:59 UTC