8,960
edits
No edit summary |
No edit summary |
||
| Line 17: | Line 17: | ||
background-size: contain; | background-size: contain; | ||
background-position: left; | background-position: left; | ||
background-repeat: no-repeat; | |||
display: block; | |||
position: absolute; | |||
top: -322px; /* Смещение изображения вверх */ | |||
left: 60px; /* Смещение изображения влево */ | |||
width: calc(100% + 100px); /* Ширина изображения больше, чем ширина таблицы */ | |||
height: calc(100% + 100px); /* Высота изображения больше, чем высота таблицы */ | |||
z-index: 0; /* Размещаем изображение позади таблицы */ | |||
opacity: 1; /* Убедитесь, что прозрачность равна 1 (100%) */ | |||
} | |||
/* Основной стиль для таблицы с изображением позади */ | |||
.table-with-background2 { | |||
position: relative; | |||
z-index: 10; | |||
width: 68%; | |||
display: grid; | |||
margin-left: 0; /* Убедитесь, что здесь корректное значение */ | |||
border-radius: 10px 10px 0px 0px; | |||
height: 224px; | |||
float: left; | |||
background-color: #fff; /* Убедитесь, что фон таблицы имеет нужный цвет */ | |||
} | |||
.table-with-background2::before { | |||
content: ''; | |||
background-image: url('/images/4/4c/JOSH_TEST.png'); /* Замените на путь к вашему изображению */ | |||
background-size: contain; | |||
background-position: right; | |||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
display: block; | display: block; | ||