how to put background image in html file

HOW TO PUT BACKGROUND IMAGE IN HTML FILE CODE

HOW TO PUT BACKGROUND IMAGE IN HTML FILE CODE

Ok, is background 2 supposed to scroll, or not supposed to scroll? The code you presented it should have scrolled while the tiled background stayed in place, which is what I coded. The other technique I was suggesting would indeed fix her position in legacy IE too, but she’d depth sort over the scrollbar on all browsers when the screen got narrow, and you can’t line up the background with the foreground thanks to the scrollbar. Works in IE7 and anything newer as you’d expect, but ends up fixed width (BOO!)… In IE6 and 5.5 it also shows the girl, but she scrolls on those browsers – close enough for government work and better than having NO backgrounds load in any version of IE that’s in the wild like the CSS3 multi-backgrounds end up doing. IF it’s fixed width (which I hate doing) and the girl is not moving, then it’s semi-viable to implement, though for IE6/earlier the girl will scroll. I thought your two images were the stripes and the girl – are you now saying the shadow is a third image? (IF so that’s alpha. I’m not clear on which images are which here - are you saying the shadow is SEPARATE? Is this a fluid width layout? What images are scrolling and which ones are not? (I’m STILL not clear on that) I think you are using as separate images stuff I’d be using single images for… but I’m not sure. …and even if it was just 10%, that would be 10% of 2.1 billion.Īctually, you’ve just given me more questions Oh, and still care about IE6, it’s 20-30% of the browsing public and is usually people who either are forced to use it due to financial reasons/work, or people who don’t understand why they should have to change from a browser that worked fine for them for almost a decade. Can I assume English is not your primary language? I think I’m having a lot of terminology issues with what you are saying as it feels like every other post you are contradicting the previous one. “separate shadow is for body” – you mean the content column, right? Putting that on ‘body’ wouldn’t work. Though… you’re saying the TILED isn’t supposed to scroll and the girl is? You say “same like in your link” but in my link she’s NOT scrolling – well, unless you are looking at it in IE6/earlier. So far, you have added the background image to the specified page only already.Ah see, that’s the thing, the shadows done that way mean alpha transparency, and I won’t use those on the grounds that not only are they a pain in the ass to make work in legacy IE, the filesizes usually end up nuts. Note: If you are using Microsoft Word 2010 or earlier versions, after returning to the Format AutoShape dialog box, please click Color > No color in the Line section, and click the OK button. Expand the Line section, and check No line option in the Format Picture pane. Check the Tile Picture as texture option in the Format Picture pane.Ĩ. In the popping out Insert Picture dialog box, please find out and select the specified picture you will add as background image, and click the Insert button. Note: If you are using Microsoft Word 2010 or earlier versions, please (1) click Fill Effects button in the Format AutoShape dialog box, (2) enable Picture tab in the Fill Effects dialog box, and (3) click the Select Picture button. Please check the Picture or texture fill option in Fill section, and click the File button. Now the Format Picture pane is opening in the right side of Word document. Still keep the rectangle selected, and click the anchor at the bottom-right corner of Shape Styles group on the Format tab (under Drawing Tools). Keep the rectangle selected, and click Format (under Drawing Tools) > Wrap Text > Behind Text. Click Insert > Shapes > Rectangle as below screenshot shown, and then draw a rectangle covering the whole page.ģ.

Scroll to the specified page you will add background image in, and click View > One Page to show the whole page in the screen.Ģ.

Please follow below steps to apply background image to only one page in a Word document.ġ.

How to put background image in html file