Stretch background image css?

. Style1 { background: url(images/bg. Jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } Works in: Safari 3+ Chrome Whatever+ IE 9+ Opera 10+ (Opera 9.5 supported background-size but not the keywords) Firefox 3.6+ (Firefox 4 supports non-vendor prefixed version) In addition you can try this for an ie solution filter: progid:DXImageTransform.Microsoft.

AlphaImageLoader(src='.myBackground. Jpg', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft. AlphaImageLoader(src='myBackground.

Jpg', sizingMethod='scale')"; Credit to this article by Chris Coyier http://css-tricks.com/perfect-full-page-background-image.

This working fine but I want to stretch the height only how can I do that – Buffon Apr 14 at 12:18 thanks for help it working when I change that in your code -moz-background-size: 100% 100%; it works as I want ... thank you – Buffon Apr 14 at 12:26.

You can't stretch a background image (until CSS 3). You would have to use absolute positioning, so that you can put an image tag inside the cell and stretch it to cover the entire cell, then put the content on top of the image.

1 +1, correct. It is also a good idea to wrap the with a having position: relative; and maximum width/height. The TD itself is not relative positioned in all browsers, if any.

– madr Apr 14 at 11:56 can you please provide me the code for that to try it – Buffon Apr 14 at 12:00 @Buffon: Here is an example: jsfiddle. Net/ZxNsM – Guffa Apr 14 at 13:00.

CSS3: webdesign.about.com/od/styleproperties/p... . Style1{ ... background-size:100%; } You can specify just width or height with: background-size:100% 50%; Which will stretch it 100% of the width and 50% of the height.

Sorry not working! – Buffon Apr 14 at 11:59 In which browser? – Calum Apr 14 at 12:38.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.

Related Questions