8,960
edits
No edit summary |
No edit summary |
||
| Line 29: | Line 29: | ||
/* Основной стиль для таблицы с изображением позади */ | /* Основной стиль для таблицы с изображением позади */ | ||
.table-with- | .table-with-background2 { | ||
position: relative; | position: relative; | ||
z-index: | 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 { | |||
.table-with- | |||
content: ''; | content: ''; | ||
background-image: url('/images/ | background-image: url('/images/6/6f/Josh_Torch.png'); /* Замените на путь к вашему изображению */ | ||
background-size: | background-size: contain; | ||
background-position: | background-position: right; | ||
background-repeat: no-repeat; | |||
display: block; | display: block; | ||
position: absolute; | position: absolute; | ||
top: - | top: -322px; /* Смещение изображения вверх */ | ||
left: | left: 60px; /* Смещение изображения влево */ | ||
width: calc(100% + 100px); /* Ширина изображения больше, чем ширина таблицы */ | width: calc(100% + 100px); /* Ширина изображения больше, чем ширина таблицы */ | ||
height: calc(100% + 100px); /* Высота изображения больше, чем высота таблицы */ | height: calc(100% + 100px); /* Высота изображения больше, чем высота таблицы */ | ||
z-index: | z-index: 0; /* Размещаем изображение позади таблицы */ | ||
opacity: | opacity: 1; /* Убедитесь, что прозрачность равна 1 (100%) */ | ||
} | } | ||