Background Position

[liamoco]

I want to position a background color but not a background image, can this be done?

 

Thanks

[requinix]

Not really. Position how?

[liamoco]

Lets say I have a div element 50px by 50px, is it possible to set the bottom half of this element to have a red background color, without an image or child element.

[ohdang888]

Lets say I have a div element 50px by 50px, is it possible to set the bottom half of this element to have a red background color, without an image or child element.

 

no, to my understanding, you would either have to use a child element or image

[requinix]

...a background image being the better option, of course (since the div has a fixed size).

[haku]

Can't be done. An image isn't really the best idea, as a little CSS is much smaller to load than an image.

 

You can do it like this I believe:

 

<div id="container">
  <div id="underlay"></div>
  <p>Some text some text some text some text</p>
</div>

 

CSS:

#container
{
  position:relative;
}
#underlay
{
  position:absolute;
  height:50%;
  bottom:0;
  left:0;
}

You may have to set the z-index on the #underlay as well.