url('../img/stance.png')
// jquery
$(".catalog-item").hover(function(){
$(this).closest('.slick-list').toggleClass('slider-hover');
});
//css
.catalog-slider .slider-hover {
z-index: 1;
}$(".catalog-item").hover(
function(){
$(this).closest('.slick-list').css('z-index', 1)
},function(){
$(this).closest('.slick-list').css('z-index', 0)
});<form>
<input type="submit"> <!-- Кнопка должна быть первой в разметке -->
<div class="field">
<input type="text">
</div>
</form>form {
width: 50%;
margin: 50px auto;
}
input {
box-sizing: border-box;
}
input[type="text"] {
width: 100%;
}
.field {
margin-right: 90px; /* Ширина кнопки + отступ */
}
input[type="submit"] {
float: right;
width: 80px;
}.fullscreen {
position: relative;
}
.re-fukop {
...
left: 0;
padding: 0 109px;
box-sizing: border-box;
}
/* Либо еще проще */
.re-fukop {
...
width: 100%; /* убрать */
left: 109px;
right: 109px;
}