Кнопка не может быть нажата, если мы переместимся вверх

Question

Если мы посетим link, найдите текст «Сохранить», используя CTRL + F, вы можете увидеть Кнопка «Сохранить дизайн» доступна только для скачивания.

Мы хотим, чтобы переместить кнопку вверх, поэтому, когда мы увеличиваем значение «Дно: 117px;» , То кнопка не кликабельна

#aitcg-control-panel .apply-but { 
    float: right; 
    margin-right: 0; 
    position: relative; 
    bottom: 77px; /* or bottom:117px; or top: -146px; */ 
    left: 400px; 
} 

Answer 1

комментарий или удалить все ваши CSS этого селектора #aitcg-control-panel .apply-but и использовать этот CSS затруднительное как:

#aitcg-control-panel { 
    position: absolute; 
    right: 110px; 
    bottom: 143px; 
    z-index: 1; 
} 

.product-essential { 
    position: relative; 
} 

это решит вашу проблему.

Как вместо перемещения ребенок элемента, перемещение родительского элемента в вашем случае будет более мудрым решением для будущей отладки.

Answer 2

Поскольку другие элементы не используя абсолютное свойство положения и перекрывают эту кнопку.

z-index Использование

#aitcg-control-panel .apply-but { 
    float: right; 
    margin-right: 0; 
    position: relative; 
    bottom: 177px; 
    left: 400px; 
    z-index: 1; 
} 

Это приведет эту кнопку на фронт.

Answer 3

Это происходит потому, что ваш div с классом .product-shop имеет большую ширину, так что над кнопкой. вы можете изменить его ширину с помощью этого кода и сделать margin-top:-50px на кнопку.

@media only screen and (min-width: 1824px) 
    .product-view .product-shop { 
     width: 25%; 
} 

Или кнопка изменения г-индекс

#aitcg-control-panel { 
    z-index: 2;