MediaWiki:Common.css: Difference between revisions

Jump to navigation Jump to search
no edit summary
No edit summary
No edit summary
Line 29: Line 29:


/* Основной стиль для таблицы с изображением позади */
/* Основной стиль для таблицы с изображением позади */
.table-with-background {
.table-with-background2 {
     position: relative;
     position: relative;
     z-index: 1; /* Обеспечиваем, чтобы таблица была выше фона */
     z-index: 10;
     overflow: visible; /* Разрешаем элементам выходить за пределы таблицы */
    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-background::before {
     content: '';
     content: '';
     background-image: url('/images/9/99/Clancy_Tyler.png'); /* Укажите путь к изображению */
     background-image: url('/images/6/6f/Josh_Torch.png'); /* Замените на путь к вашему изображению */
     background-size: cover;
     background-size: contain;
     background-position: center;
     background-position: right;
    background-repeat: no-repeat;
     display: block;
     display: block;
     position: absolute;
     position: absolute;
     top: -50px; /* Смещение изображения вверх */
     top: -322px; /* Смещение изображения вверх */
     left: -50px; /* Смещение изображения влево */
     left: 60px; /* Смещение изображения влево */
     width: calc(100% + 100px); /* Ширина изображения больше, чем ширина таблицы */
     width: calc(100% + 100px); /* Ширина изображения больше, чем ширина таблицы */
     height: calc(100% + 100px); /* Высота изображения больше, чем высота таблицы */
     height: calc(100% + 100px); /* Высота изображения больше, чем высота таблицы */
     z-index: -1; /* Размещаем изображение позади таблицы */
     z-index: 0; /* Размещаем изображение позади таблицы */
     opacity: 0.5; /* Опционально: прозрачность для лучшего эффекта */
     opacity: 1; /* Убедитесь, что прозрачность равна 1 (100%) */
    border-radius: 10px; /* Опционально: скругление углов, если требуется */
}
}


Navigation menu