Jump to content

Problem with overlapping layers


jch02140

Recommended Posts

I am trying to put all the different text div layers to make them overlap each other, but I cannot seems to change the positions of the divs even if I put in arbitrary values for the top/bottom/left/right attributes...

Here is my code:

<div position:relative; z-index:1; style="font-family: lunacrescente-base; font-size: 240px; color:#00D2DE">Luna Cresente Layer Fonts</div>
<div position:relative; z-index:2; style="font-family: lunacrescente-color-one; font-size: 240px; color:#00DE73">Luna Cresente Layer Fonts</div>
<div position:relative; z-index:3; style="font-family: lunacrescente-color-two; font-size: 240px; color:#8E00DE">Luna Cresente Layer Fonts</div>
<div position:relative; z-index:4; style="font-family: lunacrescente-color-three; font-size: 240px; color:#DE008E">Luna Cresente Layer Fonts</div>
<div position:relative; z-index:5; style="font-family: lunacrescente-color-four; font-size: 240px; color:#DE9200">Luna Cresente Layer Fonts</div>
<div position:relative; z-index:6; style="font-family: lunacrescente-color-five; font-size: 240px; color:#DEC300">Luna Cresente Layer Fonts</div>

 

img.png

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...