#html
#HTML
Вопрос:
У меня проблема, на которую я не нашел ответа в похожих вопросах:
У меня есть сайт, который динамически изменяет размер галереи изображений с горизонтальной прокруткой и некоторого текста при изменении размера браузера. Эта часть у меня работает нормально, я просто не могу получить надлежащий контроль над каждым соответствующим элементом.
Взгляните: http://john-godwin.co.uk/testsite
При изменении размера браузера крупный текст перекрывает галерею до того, как галерея начнет уменьшаться, а если вы измените размер браузера достаточно маленьким, галерея в конечном итоге также перекрывает нижний колонтитул.
Кто-нибудь знает, какие изменения мне нужно внести в код, чтобы все оставалось в пределах границ и изменяло размер соответственно другим элементам, не вторгаясь в пространство каждого элемента?
Заранее спасибо.
CSS можно найти в http://john-godwin.co.uk/testsite/css/style.css
Ответ №1:
Удалить z-index:500; в классе .content
Комментарии:
1. это должно устранить вашу проблему с галереей, перекрывающей нижний колонтитул, когда вы говорите, что большой текст перекрывает галерею до того, как галерея начнет уменьшаться, вы имеете в виду «Фотографию Джона Гудвина»?
2. Да, действительно, извините, я недостаточно объяснил. Z-index предназначен только для размещения галереи поверх всего, кроме выпадающего списка login, он не изменился и не отвечает за поведение, которое я описываю. Я имею в виду, что когда вы сжимаете браузер, ВСЕ элементы перекрывают друг друга. Я хочу, чтобы они изменяли размер только плавно, без перекрытия. Итак, да, когда вы сжимаете браузер, я хочу, чтобы текст уменьшался, как он это делает, но я хочу, чтобы элемент gallery соблюдал границы и соответственно сжимался, чтобы ничего не терялось друг под другом.