Forum:Attach fixed image to background

How can I attach an image to the background that is not the wiki-background image such as I want to make a image tile for the background which is not fixed whilst another image floating on top of it which is fixed using CSS? Sorry if it's hard to explain -- Sam Wang 03:28, October 2, 2012 (UTC)
 * I managed to attach it to the background but the originally tiled background image was invisible for some reason. Also, the file is not fixed. Can anyone help please? -- Sam Wang 03:31, October 2, 2012 (UTC)


 * Well, if I understand what you're asking for, FIlename.PNG.
 * But I'm not sure that that is what you're asking for. Absolute can be changed to fixed also. Dunewolfz


 * Using CSS? I want to apply it to all pages -- Sam Wang 05:15, October 2, 2012 (UTC)


 * I don't really understand what you're trying to say, but do you mean this?


 * This stacks multiple background images on top of each other, the top-most one is fixed in the viewport, the bottom one is tiled. I'm not sure what you mean by "not the wiki-background", the element's #id or .class would be helpful. Lunarity 05:38, October 2, 2012 (UTC)


 * Thanks, but it doesn't seem to work, as seen here -- Sam Wang 06:08, October 2, 2012 (UTC)


 * Can you clarify? What do you mean doesn't work? It works fine for me. The image is off-center because you didn't adjust the coordinates if that's what you mean, try changing the background position:


 * Lunarity 06:31, October 2, 2012 (UTC)


 * I mean the bottom layer is unseen -- Sam Wang 06:51, October 2, 2012 (UTC)


 * Screenshots.jpg can see 2 backgrounds. What browser are you using? You know multiple backgrounds don't work in Internet Explorer 8, right? If you're using Firefox/Chrome/Opera or Internet Explorer 9 then it should be working.
 * Lunarity 07:20, October 2, 2012 (UTC)

Can you make the it in the center please? -- Sam Wang 09:54, October 2, 2012 (UTC)


 * And is it possible to make the white part of the page (not the image) transparent so that I can see the overlapping part please? -- Sam Wang 10:25, October 2, 2012 (UTC)


 * I already told you how to center it, read my reply above the image. As for making the background transparent: I assume the image is a PNG, just open it in your paint program and flood-fill the white area with transparency. Don't ask me how to do that, I have no idea what program you use, try the help files. Lunarity 19:11, October 2, 2012 (UTC)


 * I have no idea what happened - the image is to the right, and I created the file using Adobe Photoshop, just saying, and the background is transparent -- Sam Wang 02:07, October 3, 2012 (UTC)


 * You want to make the page itself translucent, right? Use w:c:samwang:Special:ThemeDesigner, go to the "Customize" section and grab the "transparency" slider, drag it all the way to the right and hit save. Lunarity 03:19, October 3, 2012 (UTC)

(Reset indent) I mean totally transparent, so that I can see the overlapping -- Sam Wang 03:24, October 3, 2012 (UTC)


 * Lunarity 03:36, October 3, 2012 (UTC)


 * Thank you so much! :) -- Sam Wang 06:17, October 3, 2012 (UTC)


 * Oh, and also - because of the new background style update, I would wish to move the image to the center of the vertical margin, not to the top. Therefore, instead of "top center, top left", possibly it will be needing something like middle center or whatever. Do you know how to achieve that style? -- Sam Wang 09:44, October 3, 2012 (UTC)


 * Lunarity 09:51, October 3, 2012 (UTC)