Why is it that some graphics cannot be highlighted in websites?

[kiropyckoticks]

I just noticed that in blogs like wordpress and other pages, the images cannot be selected or highlighted. You can go to some blogs in the internet and you will notice that if the blog uses a default theme or some theme not created manually by the user, the images cannot be selected (ie, logo) while in my website, the images can be easily selected.

How does this happen? is it because of CSS? How can I create something like that?

[willybfriendly]

It is possible that it is a background image - something I often do with headers and logos. Moving repetitive elements to background images leaves the meat for the SE's to much on. The don't need to see a logo image with alt="Joe's Blog" over and over and over and....

WBF

[travelin cat]

We have seen this as well on our blog with Wordpress. I believe this is do to the css wherein the graphic is lower on the Z axis and therefore can not be copied.

[asquithea]

...and therefore can not be copied...

Let's not get the wrong idea here. If you can see it, you can copy it. Firefox, for example, allows you to review and save any media used on a page, CSS images included.

[travelin cat]

asquithea,

I use Firefox and have never been able to copy the graphics off of our blog due to the css.

Can you explain how this is done?

thanks

[bill]

Look at the CSS source and follow the URLs to the images used therein...and copy to your heart's content. Just because a one click option from your browser doesn't present itself doesn't mean the images are safe.

In FireFox take a look at the Web Developer extension for some page dissecting tools. I'm sure there are other extensions that will assist you in the effortless lifting of images off any page.

[asquithea]

Firefox ... allows you to review and save any media used on a page, CSS images included.

For example, [forums.mozillazine.org...] (Firefox support forum) uses CSS to display sky.png and blimp.png in the masthead.

In Firefox, I go to Tools > Page Info and select the Media tab. From there, I can see and save both images.

[andrea99]

And then there's always Shift+PrtScrn which puts the image into your clipboard where you can paste it to a graphics program and crop out what you don't need. If it's important to get as high a resolution as possible change your screen resolution first.

[travelin cat]

Thanks to everyone, I am enlightened....