CODEWITHSUNDEEP
htmlimage
Garen Checkley
Garen Checkley

Reputation: 5572

Display image on a web page that is not copy-able

Is there a way to display an image on a webpage such that it won't be copied if the surrounding text is copied?

For instance, I'd like to be able to put a diagonal up arrow after hyperlinks opening in a new window, but I'd like users to be able to copy the link with its surrounding content without copying the up arrow image.

Possible without extravagant CSS?

EDIT: I don't care if the user has access to the image, I just want a streamlined copy-paste experience.

Upvotes: 3

Views: 2175

Answers (3)

Widor
Widor

Reputation: 13275

You could use a background image in the CSS of an element like a <div>, but if they want a copy of the image there are still ways of getting it.

Upvotes: 2

Kamil
Kamil

Reputation: 13931

Use div and background image for that div, if you can.

Upvotes: 0

lamplightdev
lamplightdev

Reputation: 2071

If you use a CSS background-image on a div for example, it will not get copied.

Upvotes: 1

Related Questions