HMTL Help! How do I bring an image on a web-page to the "front"?

Question

Using HTML, what script or command could I use to bring an image on a web-page to the "front"? so that it sits on top of other images? Example: I have a picture on my website, but it's obscured by text, I want to bring it to the front.

Answer 1

Use the style attribute to add CSS to your inline image to adjust the z-index (aka stacking order).



If you are using a CSS background-image, just add the z-index attribute to the associated styles:

img.myimage {
background-image: url("./image/path");
z-index: 1000;
}

Answer 2

You can insert a Javascript code that will intercept the Right-Click, and pop up a dialog box telling the user that the image is protected. (Search for JAVASCRIPT CODE IMAGE PROTECTION on the web.) That will prevent the casual user from copying the image, but an enterprising individual can still get it by various means: - Opening the source code and copying the image URL, - Opening their TEMP folder and copying it from there, - Doing a print screen and pasting it into a graphics editor. Basically, aside from using some sort of proprietory image program, if you can see it on a web page, you can copy it if you REALLY want it.

Answer 3

Use CSS! Set up a containing

Answer 4

Use CSS, z-index. But why make the job harder and just move the text or get rid of it altogether?

Anywa, set the z-index on the picture to something like:

#picture {
z-index: 1;
}

Answer 5

hmtl bring image webpage front

Answer 6

mmm..

you could used a layers to use it!!!

the struture could be:

>>>background
>>>>>>>Text
>>>Pictures