У меня есть изображение (карта) с некоторыми достопримечательностями, размещенными с использованием position: absolute и координаты каждой точки. Я хочу, чтобы он расширял информацию о каждом POI при наведении курсора, используя:
.poi a {
width: 32px;
height: 32px;
overflow: hidden
}
.poi a:hover {
width: 128px;
height: 192px;
overflow: auto
}
Это отлично работает в IE, но не работает в Firefox или Chrome. Он не обрезает переполнение, а просто показывает всю информацию сразу.






Сделайте их блокирующими или встроенными блочными элементами, потому что (из приведенного выше фрагмента) ссылки являются встроенными и не будут иметь переполнения.
.poi a {
width: 32px;
height: 32px;
overflow: hidden;
display: block;
}