z-index不会将内容推到其他内容之上

Question

我有以下用于Fuzzylogic的代码，它工作正常。每当我在搜索栏（标题）中键入任何单词时，都会显示结果，但结果会与内容重叠。如何获得显示结果显示在内容上方。

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

主页上的内容已经具有100的z-index，所以我给了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>'