Я создаю свое портфолио, я нарисовал макет, но теперь у меня проблемы с кодом. Как вы можете видеть на изображении.css/html - Непрозрачный макет
Визуализация:
- черная область будет фото
- белая область будет нормальный bacround цвет/может быть также изображение я буду видеть. Полная ширина масштабируемой Я хочу использовать фоновое изображение, которое будет масштабируемым, и проблема в том, что я не знаю, как решить проблему со ссылками (серое поле). Потому что я хочу, чтобы пробелы в ссылках начинались в конце экрана и заканчивались перед белым фоном (на границе).
Я думал о картах изображений, но это нехорошее решение ... Возможно, у вас есть идея.
Я нашел похожую проблему (о зазорах позиционирования линии связи по второстепенной позиции - масштабируемый) - Link is here - stackoverflow Теперь у меня есть такая же проблема, как и в приведенном выше вопросе - это работает, если я не буду использовать пропорциональное масштабирование фона.
Вы можете делать все виды сумасшедших фигур с помощью CSS3. Это, вероятно, будет вашим лучшим выбором, так как вам не придется возиться с Javascript или что-то еще. http://css-tricks.com/examples/ShapesOfCSS/ – GJK
Thx, я забыл о css3 :) Но я думаю, что я понял это по-другому ... Используя только фоновое изображение в обертке div с двумя div внутри с плавающим - 50% ширины. И чем пытаться установить положение серых полей с помощью CSS3, как вам было предложено, я думаю, что он должен работать, если я буду использовать процент позиционирования. –
Я должен не согласиться. Шаблоны CSS зависят от границы, а граница не может быть установлена в процентах, чтобы масштабировать ширину, как он запросил. Довольно уверен, что единственным эффективным способом сделать это будет javascript, особенно если он хочет, чтобы он был отзывчивым. – Michael