css - Two background images. One in HTML one in BODY. In Firefox body image isnt rendered -
something weird happening.
i've basic html code. html, head, body. (as i've received negative votes, here's total code)
<html> <head> </head> <body> </body> </html> this css:
html { background-image: url(background.png); background-repeat: repeat; margin-top:-8px; } body { background-image: url(telefonillo.png); background-repeat:no-repeat; } this chrome , firefox shows:
how can prepare this?
i tried "inspect" firefox, , tried remove "background.png" html, "telefonillo.png" shows up.
tried "z-index:1" on body, isn't working, isn't content @ all.
edit: tried removing divs, , other css, incase there kind of problems between rules, it's still happening.
why don't utilize before
body:before { content:""; background:url(background.png) no-repeat top left; width:100%; height:100%; } body { background:url(telefonillo.png) no-repeat top left; width:100%; height:100%; } html css
No comments:
Post a Comment