I've been playing around with a few menu design ideas, and mocked up a site to try them out. The
menus are OK as far as they go, but I'm having trouble with a background image.
I have been trying to set up a background image in the body (or in body class='plain'), but
when I do so it appears
Hi - I think you have to give it a position and include a z-index
instruction to tell it to put the image at the back, eg
background-attachment: fixed;
background-position: 50% 60px;
margin: 30px 0px 0px 0px;
z-index: 1;
}
That, above, is taken from a very old style sheet;
oThis has never come up for me, so I can't explain (yet) why this happens,
but it appears, at least in Chrome, that some style attributes don't honor
widths, margins, [and other things I don't know of] of the body element.
The reason this has never come up for me, is that I would always use a
Interesting Chris. I'v always styled the body with margins, positioning,
sometimes padding...etc and it always has an effect.
Rachel, Tim will need to give his element a position of absolute, relative (and
maybe fixed but I'm sure about that one) for z-index to kick in.
Eric
On February 9,
Interesting Chris. I'v always styled the body with margins,
positioning, sometimes padding...etc and it always has an effect.
But have you applied colors, images to that? This pen shows what I'm
referring to (and I've never experienced because of my mark-up
conventions):
Thanks Chris, and others.
I'd agree about the 'wrapper'. It just happens I was rather throwing a page together for my menu
tests, and slipped the background image onto the body. I've moved it now (in my local version
only) to my 'wrapper', which is div#outer, and that works too, and looks much
On 2/9/14, 12:11 PM, Chris Rockwell wrote:
Interesting Chris. I'v always styled the body with margins,
positioning, sometimes padding...etc and it always has an effect. But have
you applied colors, images to that? This pen shows what I'm referring to (and
I've never experienced because of my
That did it, so is this reverse cascading :)?
On Sun, Feb 9, 2014 at 3:53 PM, David Hucklesby huckle...@gmail.com wrote:
On 2/9/14, 12:11 PM, Chris Rockwell wrote:
Interesting Chris. I'v always styled the body with margins,
positioning, sometimes padding...etc and it always has an effect.
On Sun, Feb 9, 2014 at 3:53 PM, David Hucklesby huckle...@gmail.com wrote:
I believe that's because backgrounds on body propagate to the viewport -
that's the root (html) element. Unless, that is, you have a background
specified for html.
Backgrounds on root elements are special :)
Backgrounds on root elements are special :)
http://www.w3.org/TR/css3-background/#special-backgrounds
Perfect - thanks for the link Jon!
--
Chris Rockwell
__
css-discuss [css-d@lists.css-discuss.org]
On 09/02/2014 20:53, David Hucklesby wrote:
On 2/9/14, 12:11 PM, Chris Rockwell wrote:
Interesting Chris. I'v always styled the body with margins,
positioning, sometimes padding...etc and it always has an effect. But have
you applied colors, images to that? This pen shows what I'm referring to
11 matches
Mail list logo