/    Sign up×
Community /Pin to ProfileBookmark

Displaying a sold sticker over an image

Copy linkTweet thisAlerts:
Sep 15.2009

is there a way of adding a class to an image that it will display an image over it using z-index??

basically i want to display a sold sticker over certain images…. id like to be able to position it top right of the image

to post a comment
CSS

2 Comments(s) ↴

Copy linkTweet thisAlerts:
@aj_nscSep 15.2009 — Best way to do it is place a div around the original image with style position: relative;

This SHOULDN'T (but may) change anything on your page simply by adding this tag around all of your existing images. Then, if an item is sold, just add the sold img tag like below:

[code=html]
<div style="position: relative;">
<img src="your sold img" style="position: absolute; top:0; right:0;">
<img src="your original image">
</div>
[/code]
Copy linkTweet thisAlerts:
@Sabrina_Gage2Sep 23.2009 — Hi,

try insert <div> tag out of <image>, then you can change div css to control the image

for example:

<div style="position:absolute:z-index:999"><img src="a.png" /></div>

<div style="position:absolute:z-index:1000"><img src="b.png" /></div>

Sabrina
______________
Free chat software for you

Microsoft Certified Partner
×

Success!

Help @popcop spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.16,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...