Отрицательное поле, z-индекс и блокирование щелчка

Question

Отрицательное поле, z-индекс и блокирование щелчка

Я использую отрицательные поля для расположения два столбца:

<div id="left-column"><input type="checkbox" /></div>
<div id="right-column">
    <div id="right-column-inner"></div>
</div>

CSS:

#left-column { width: 200px; float: left;}
#right-column { margin-left: -200px; width: 100%; float: left;}
#right-column-inner { margin-left: 200px; float: left;}

К сожалению, в Opera 10.54, Safari 4 и FF 3 +, флажок не активируем по щелчку как #right-column получает щелчок перед ним propogates вниз к флажку.

Я попытался управлять z-индексом, но никакой удачей.

Какая-либо идея, как заставить это работать?

7

html css z-index

задан EoghanM 28 June 2010 в 14:08

1 ответ

Другие вопросы по тегам:

html css z-index

Похожие вопросы:

score 20 · Accepted Answer

При изменении свойства позиционирования в CSS (например, вверху , влево , внизу , вправо или z -index ) необходимо указать свойство position , отличное от static (по умолчанию).

Итак, измените свойства CSS z-index и position .

#left-column { width: 200px; float: left; position:relative; z-index:100;}