html - Can't Insert Background Image -
i have been trying update site , have been having extreme difficulty implementing image site background.
i tried create 2 divs, 1 each side (as want output image1 - lets phone call leftbg.png content in middle, followed image2 - lets phone call rightbg.png on right).
so have set divs in body so:
<body> <div id="leftbg"> <div id="rightbg"> content </div> </div> </body>
and in css file have:
#leftbg { float: left; width: 22.5% (body 55%); background: url(images/leftbg.png) no-repeat; z-index: 999 }
however not producing anything. think might because body code includes background already, , have tried set z-indexes, such leftbg class dominant on body class, aware z-indexes have many problems.
this body css code:
body { font:11px "trebuchet ms", arial, sans-serif; color:#666; background:maroon url(image/backgrd.png); z-index: 0; }
any help appreciated!
try set height
#leftbg
. example:
#leftbg { float: left; height: 80px; width: 22.5%; background: url(images/leftbg.png) no-repeat; z-index: 999 }
html css html5
No comments:
Post a Comment