8,960
edits
No edit summary |
No edit summary |
||
| Line 7: | Line 7: | ||
max-width: 400px; /* Ограничение ширины */ | max-width: 400px; /* Ограничение ширины */ | ||
word-wrap: break-word; /* Перенос слов, если они слишком длинные */ | word-wrap: break-word; /* Перенос слов, если они слишком длинные */ | ||
z-index: | z-index: 1; /* Контейнер должен быть выше фона */ | ||
} | } | ||
| Line 14: | Line 14: | ||
position: absolute; | position: absolute; | ||
top: -50px; | top: -50px; | ||
left: 50%; /* | left: 50%; /* Центрируем изображение */ | ||
transform: translateX(-50%); | transform: translateX(-50%); | ||
width: 100%; | width: 100%; | ||
height: 50px; | height: 50px; | ||
background: url("/images/0/08/Above_quote.png") no-repeat center top; | background: url("/images/0/08/Above_quote.png") no-repeat center top; | ||
z-index: | z-index: 2; /* Изображение выше контейнера */ | ||
} | } | ||
| Line 26: | Line 26: | ||
position: absolute; | position: absolute; | ||
bottom: -50px; | bottom: -50px; | ||
left: 50%; /* | left: 50%; /* Центрируем изображение */ | ||
transform: translateX(-50%); | transform: translateX(-50%); | ||
width: 100%; | width: 100%; | ||
height: 50px; | height: 50px; | ||
background: url("/images/c/c8/Under_quote.png") no-repeat center bottom; | background: url("/images/c/c8/Under_quote.png") no-repeat center bottom; | ||
z-index: | z-index: 2; /* Изображение выше контейнера */ | ||
} | } | ||
.quote-content { | .quote-content { | ||
position: relative; | position: relative; | ||
z-index: | z-index: 3; /* Текст выше фона и изображений */ | ||
padding: 40px 10px; /* | padding: 40px 10px; /* Отступы внутри белого контейнера */ | ||
text-align: center; /* Центрируем текст */ | text-align: center; /* Центрируем текст */ | ||
background: white; /* Убедимся, что у текста белый фон */ | |||
} | } | ||