html - Image wont appear in the background -



html - Image wont appear in the background -

i trying show test.png in background, doesn't show up.

below tried:

html:

<html> <head> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div class="menubalkje"></div> <div class="menu"></div> <div class="content"> test </div> <img class="bgafb" src="images/test.png"> </body> </html>

css:

body { padding:0px; margin: 0 auto; } .menubalkje{ background-color:#b32b00; margin-left:auto; margin-right:auto; width:1200px; height:25px; } .menu{ background-color:e53700; margin-left:auto; margin-right:auto; width:1200px; height:75px; } .content{ background-color:#ff3e01; width:1200px; height:100%; margin-left:auto; margin-right:auto; } .bgafb{ position:fixed; left:-270px; -moz-transform: scalex(-1); -o-transform: scalex(-1); -webkit-transform: scalex(-1); transform: scalex(-1); filter: fliph; -ms-filter: "fliph"; }

the img element id bgafb needs show background image, doesn't.

the image shows me (i tried http url, don't have database)

http://jsfiddle.net/z8dw4lfz/

<img class="bgafb" src="http://img0.chromatic.io/d8fb8ca6-3b46-d763-9dbf-fd8388402d1d/small.jpg">

html css website

Comments

Popular posts from this blog

Delphi change the assembly code of a running process -

json - Hibernate and Jackson (java.lang.IllegalStateException: Cannot call sendError() after the response has been committed) -

C++ 11 "class" keyword -