z-index не делает sh содержимое поверх другого содержимого

Question

У меня есть код ниже для Fuzzylogi c, и он отлично работает. Всякий раз, когда я набираю какое-либо слово в строке поиска (заголовок), результаты отображаются, но они перекрывают контент. Как получить результаты отображения над содержимым.

 '<div style="background-color:white;z-index:"200";"><a style="margin-left:2%;" href="' + result['itemCode'] + ' target="_blank" ">' + result['itemName'] + '</a></div>'

Содержание на главной странице уже имеет z-индекс 100, и поэтому я дал 200

Answer 1

'<div style="background-color:white;z-index:"200";"><a style="margin-left:2%;" href="' + result['itemCode'] + ' target="_blank" ">' + result['itemName'] + '</a></div>'

Проблема в том, что вы поставили эти кавычки до и после значения z-index. Просто удалите их:

'<div style="background-color:white;z-index:200;"><a style="margin-left:2%;" href="' + result['itemCode'] + ' target="_blank" ">' + result['itemName'] + '</a></div>'

Если проблема не устранена, это означает, что вам необходимо указать положение хотя бы для одного элемента. Это означает, что вам нужно добавить позицию к этому элементу.

Сделайте так:

'<div style="background-color:white;z-index:200;position:fixed"><a style="margin-left:2%;" href="' + result['itemCode'] + ' target="_blank" ">' + result['itemName'] + '</a></div>'