How to control layering in HTML/CSS without making links nonfunctioning?


Tags: css,html5,twitter-bootstrap,carousel

Problem :

For website:

http://68.50.243.1/wunhopkuendo/

I am trying to make the image carousel show UNDER the green banner on the top left. If I set z-index on the carousel to -1, the left/right buttons don't work. However if I set z-index to 999999 on the banner, it does not appear over the carousel. How can I accomplish this? Thanks!

JS Fiddle located:

http://jsfiddle.net/3ZSBh/



Solution :

Just add position: relative for the image.

<a class="brand" href="#">
    <img src="http://68.50.243.1/wunhopkuendo/img/logo.png"
         style="z-index: 99; position: relative;" />
</a>

The reason behind this is, the z-index works only on positioned elements, that are not static.

Fiddle: http://jsfiddle.net/3ZSBh/1/


    CSS Howto..

    Border around tr element doesn't show?

    how to format a single html a href text to have multiple css properties (two different font families)

    can't find out how to create a css selector for yahoo stocks page

    How to make the divs fill the remaining space without using float?

    How to modify output buffer?

    how can i center the footer text in the bottom of the page regardless of screen size

    How to create marquee infinite loop of logos slider with css only

    How to show Only 4 slides in a row using Bxslider

    How do I make this sprite behave how I want?

    Space between list, space on left side of the ul. How to remove this?

    How to style DOM element with CSS that was created with JavaScript function

    How to change the css of color of select2 tags?

    how to vertical align div elements using CSS?

    How to set a single value of transform while leaving the other values?

    How do I get the (element with the) highest CSS z-index in a document?

    How to animate 2 css layouts from left to right or from right to left with jquery?

    How to hide text behind image

    How do you square off only one corner of a div to be transparent in CSS?

    How to make IE respect max AND min-width [duplicate]

    How to make a main div appear next to a sidebar

    How to disable auto genrated css in media folder at runtime Magento?

    How to make table borders invisible with CSS

    How to overlap images in the header section?

    How to change order of elements inside tables?

    How to select two elements with “> span” in CSS?

    How to Achieve Word Wrap Effect With Children Divs

    How to hide a div class in Wordpress? CSS

    How to emulate this layout in CSS?

    How can I make a background image of a site start off fitting to screen and then zoomable?

    How do I change the Mailchimp subscribe button color using inline CSS?