CSS для мульти HTML слоя

Question

CSS для мульти HTML слоя

0

У меня есть 2 или 3 тега div, их положение абсолютное, поэтому они перекрываются и имеют один и тот же родительский элемент, например

<div class="parent">
   <div class="div1"></div>
   <div class="div2"></div>
   <div class="div3"></div>
</div>

Я устанавливаю css для div1 "cursor: not-allowed;", но это не применяется, потому что div1 находится под div2 и div3. Есть ли способ наследовать курсор под слоем? Я хочу, когда я перемещаю указатель на div1, он показывает "не разрешен".

благодаря

Thanh Khánh 31 дек. 2013, в 04:30

Источник

2

Вы можете сделать JSFiddle ?
Raptor 31 дек. 2013, в 02:41
0

JSFiddle с вашим CSS?
patrick 31 дек. 2013, в 02:42
0

Будет ли z-index не работать ..?
Josh Crozier 31 дек. 2013, в 02:51
0

Это мой случай: jsfiddle.net/n9L2N/1 , я добавил css, чтобы показывать курсор недопустимым, но я не могу нажать на слот
Thanh Khánh 31 дек. 2013, в 03:26

Показать ещё 2 комментария

Теги:

html

css

3 ответа

Ещё вопросы

Это мой случай: jsfiddle.net/n9L2N/1 , я добавил css, чтобы показывать курсор недопустимым, но я не могу нажать на слот

freejosh · Answer 1 · 2013-12-31T01-43-00.000Z

Вы можете использовать pointer-events: none в двух div, но поддержка ограничена для IE. Вот демо.

Я добавил, но в моем случае это кажется нехорошо. Вы можете увидеть здесь: jsfiddle.net/n9L2N/1

Shwarz · Answer 2 · 2013-12-31T01-01-00.000Z

Вы можете набросать z-index на div1, чтобы нажать его над двумя другими. Я не уверен, что это испортит ваш дизайн, но если div1 может отображаться "сверху" двух других, это может сделать трюк.

.parent div {
    position: absolute;
}
.div1 {
    z-index: 1;
    cursor: not-allowed;
    background: blue;
    height: 100px;
    width: 100px;
}
.div2 {
    background: yellow;
    height: 100px;
    width: 200px;
}
.div3 {
    background: green;
    height: 100px;
    width: 300px;
}

c-smile · Answer 3 · 2013-12-30T23-58-00.000Z

Единственный способ - установить этот курсор на их общий.parent div. И используйте курсор по умолчанию: auto для дочерних элементов.parent.