/    Sign up×
Community /Pin to ProfileBookmark

Overlaping elements using css

As you can see in the attached file i am trying to make an image overlap with a Grey box. So far I have created the Grey box using a div and giving it a css background property of Grey. the problem that i am having is that when i try to position the image overtop of the grey DIV, it pushes the grey box down instead of on top. Also if you refer to the attached there is some text that will need to overlap the grey part as well. I am sure there is one solution for both of these problem.

By the way, all of these elements are contained in a fixed width wrapper using css.

to post a comment
CSS

2 Comments(s)

Copy linkTweet thisAlerts:
@msparksJan 31.2009 — Could you post your css?
Copy linkTweet thisAlerts:
@avenger07authorJan 31.2009 — .imageoverlap {

z-index: 0;

left: 200px;

position: relative;

top: 25px;


this seems to work
×

Success!

Help @avenger07 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 6.18,
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: @nearjob,
tipped: article
amount: 1000 SATS,

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

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...