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