CSS изображение всплывающее

Question

У меня есть html-страница с 12 миниатюрами (сращенными Photoshop) в таблице (Table_01) внутри div, и когда вы наводите курсор на одну из больших пальцев, появляется новое изображение.

В тот момент, когда вынаведите курсор на большой палец «Ice white» (это тот, с которым я сейчас тестирую), в верхней части страницы появится новое изображение.

Это не хорошо.Он должен всплывать точно справа от элемента div, в котором содержится Table_01 (желательно, чтобы верх всплывающего изображения находился на одном уровне с верхом элемента div, а левая сторона всплывающего изображения касалась правой стороны элемента div, если это имеет смысл).CSS находится в начале исходного кода ближе к концу.Это не самая лучшая написанная веб-страница, и она очень плохо написана, но этот бит должен быть легко отсеян и надеюсь найти решение.Любая помощь с благодарностью.

Answer 1

Поздний ответ, очевидно, но я надеюсь, он все равно вам поможет.Насколько ваши комментарии выше, те, которые выдают новые изображения, должны иметь абсолютную позицию с некоторыми исправлениями правой и верхней позиции.Например, учитывая, что у вас 3 деления подряд, у каждого делителя есть изображение, вы должны упомянуть родительский div (содержащий изображение), чтобы иметь относительное положение;внутри него изображение (на самом деле всплывающее изображение или большой палец) должно иметь абсолютное положение, а затем оно должно иметь правильные и верхние настройки в CSS согласно вашему требованию.Я надеюсь, что это поможет вам ...