Pointer-events: none; cursor: default

Question

[Sayonji]

Здравствуйте, хабралюди.
Подскажите мне, пожалуйста: возможно ли с помощью CSS добиться такого эффекта, чтобы элемент вел себя как при pointer-events: none для кликов, но чтобы на нем работало свойство cursor (именно на нем, а не на других элементах)?

Answer 1

[Роман Мисюра]

Тогда может лучше поставить opacity: 0? А к стилям iframe достучаться через jQuery. Т.е. через стили ставите в ифрейме на ссылках cursor: default и для линков opacity: 0.

Comments

[Sayonji]

Невозможно получить доступ к ифрейму через js, иначе бы его и прятать не надо было.

[Роман Мисюра]

я так понимаю ифрейм с другого домена? Необходимо каким-то способом подключить свой файл стилей. Иначе думаю никак.

Answer 2

[Роман Мисюра]

Может поставтиь элемент сверху?

Comments

[Роман Мисюра]

Или через jQuery?

[Sayonji]

Что вы подразумеваете под сверху? Или как через jquery?

[Роман Мисюра]

Идея такова, берем блок, для него pointer-events: none;
Дальше через jQuery создаем блок, который будет крепиться за курсором [Только в случае, если курсор над блоком с pointer-events: none;] (с отступом слева и сверху для клика), для этого блока делаем cursor: pointer например. Дальше у нас получаеться, по идее что будет зона где можно кликнуть, а курсор с блоком под ним будет иметь нужную нам форму.


Слой 2 — pointer-events: none;
Слой 1 — cursor: pointer; С зазором. А так, сам искал на стэк оверфлоу. Говорят, такое невозможно сделать. Можете тогда более точно описать задачу?

[Sayonji]

Тот маленький блок, что привязан к курсору, разве не будет получать клики?
Задача такая: хочу спрятать iframe так чтобы его не было видно, но ссылки на нем оставались кликабельными =) но чтобы на этих ссылках не менялся курсор.