Geek Answers Handbook

Css background image suitable for div

Possible duplicate:
Stretch and scale the image with CSS. CSS only

I want to set the div div of the image div (width: 1000, min-height: 710), and the image size is 753 x 308 that I'm trying to set its image is not suitable for the size of the div, what should I do?

.Invitation { background-color: transparent; background-image: url('../images/form.png'); background-repeat: no-repeat; background-position: left top; background-attachment: scroll; background-size: 100%; width: 1000px; height: 710px; margin-left: 43px; }

Class div

 .content { clear:both; width:1000px; background:#e7e8e9; background-image:url('../images/content.jpg'); background-repeat:no-repeat; background-position:left top; min-height:710px; }

and code

 <div class="content"><div class="Invitation">form goes here....</div></div>
+7
source share
1 answer

Try something like this:

CSS

 <style type="text/css"> img.adjusted { position: absolute; z-index: -1; width: 100%; top: 0; left: 0; } .Invitation { position: relative; width: 1000px; height: 710px; margin-left: 43px; } </style>

HTML

 <div class="Invitation"> This is an example <img src="http://files.myopera.com/arshamr/albums/612249/Nature%20(3).jpg" alt="" class="adjusted"> </div>

Hope this helps!

+7
source

More articles:


All Articles