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
Post a Comment