параметр установки для непрозрачности: 0 отключает его в Firefox

Question

Я пытаюсь замаскировать элемент ввода для загрузки своим обычным методом установки его непрозрачности на 0 и затем накладывать его на изображение (с указателями-событиями, установленными на none), поэтому что он эффективно маскирует ввод с помощью красивой кнопки, но когда вы нажимаете на эту область, объект по-прежнему срабатывает.

Это все прекрасно и приятно, за исключением Firefox, где кажется, что задание непрозрачности: 0 на элементе отключает его?

Кто-нибудь знает об этом?

Answer 1

вы можете использовать @-moz-document url-prefix() { для исключения firefox css. например,

@-moz-document url-prefix() { 
    .content { 
     opacity: 1 !important; 
    } 
}