Click-through with hover effect в CSS

Я пытаюсь сделать кнопку без ссылки, поскольку фон уже связан. Поэтому вы должны пропустить это. Я знаю о pointer-events: none, но при использовании этого div : hover больше не будет работать.Click-through with hover effect в CSS

Есть ли способ достичь этого?

Мой HTML является:

<div class="button"> 
<span>Click here</span> 
</div>

CSS:

.button { pointer-events: none; } 
.button:hover { ... }

Класс "кнопка" должна иметь: парить эффект + щелчок через. Эта настройка не отображает эффект: hover.

источник

2014-11-05 Jo Hannes

Есть ли фон, который связан, только за кнопкой или он охватывает 100% ширину страницы? –

Не 100% страницы, но больше, чем кнопка –

Можете ли вы также включить HTML и CSS того, как вы добавляете фон? –

Не видя код я хотел бы предложить один из двух маршрутов:

1) Просто связать оба. Нет больших.

2) Свяжите свой фон с помощью javascript. Если кнопка является дочерним элементом, событие клика будет пузыриться на связанном фоне.

источник

2014-11-05 16:40:14

1) Скорее проблема в этом случае, так как она должна быть легко доступна для редактирования 2) Спасибо, я попробую это, но предпочел бы только решение CSS. –

Чтобы уточнить - нет решения только для CSS, которое соответствует вашим критериям. Это варианты :) –

Click-through with hover effect в CSS

ответ

Смежные вопросы