CODEWITHSUNDEEP
jqueryhtmlcss
Felix
Felix

Reputation: 2661

Image rotation getting in the way of things

So I've got a wheel consisting of 3 images.

When I rotate the wheel, the image gets in the way of the submit button:

Let's say that resizing the image wasn't an option, how can I make it so that all the other elements are "on top" of the images, so that when it rotates, everything still works?

All 3 wheels are within #circles:

#circles{
    background-color:#FFF;
    min-height:500px;
}

and each has their own ID.

#ring-outer{
    position:absolute;
}

#ring-middle{
    position:absolute;
}

#ring-inner{
    position:absolute;
}

Upvotes: 2

Views: 65

Answers (1)

Dayvee B
Dayvee B

Reputation: 36

You will need modify the z-index and/or change the source order of your markup so that the form controls are below #circles in the markup. If you went that route, you'd need to use absolute positioning to show the form controls where you want them.

Posting code will help me provide a better answer.

Upvotes: 2

Related Questions