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