Site Owners Forums - Webmaster Forums - View Single Post - Image size 100 %

george.web13 · 09-11-2014, 03:31 AM

Hi!

I try to do this:

I have an element, and i want the background image to be all over the background.

e.g.
<div id=""mydiv"">
</div>

#mydiv{width:100%; height:100%;background:url(images/image1.jpg) no-repeat; background-size:cover;}

If i want, to do this:

<div id=""mydiv"">
<img src=""images/image1.jpg"">
</div>

#mydiv{width:100%; height:100%;}
#mydiv img{}

How can i make the same effect, with the image, to be cover all over the div????
But, without background-size:cover. Is it possible???

09-11-2014, 03:31 AM	#1
george.web13 Registered User Join Date: Jul 2014 Location: Athens, Greece Posts: 461	Image size 100 % - CSS HELP Hi! I try to do this: I have an element, and i want the background image to be all over the background. e.g. <div id=""mydiv""> </div> #mydiv{width:100%; height:100%;background:url(images/image1.jpg) no-repeat; background-size:cover;} If i want, to do this: <div id=""mydiv""> <img src=""images/image1.jpg""> </div> #mydiv{width:100%; height:100%;} #mydiv img{} How can i make the same effect, with the image, to be cover all over the div???? But, without background-size:cover. Is it possible??? __________________ To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts. \| To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts. \| To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts. \| To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts. \| To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts.