Html 文本未绘制在z索引较低的元素上

我在页面上有一个隐藏列表（

opacity:0；visibility:hidden；

），这是我的菜单当前所必需的

我的问题是，即使菜单下拉部分的z-index为-1，而content div的z-index为50，content div中的文本也只会绘制到菜单的右侧。css样式

display:none

不是一个选项，因为我不想处理可怕的元素大小调整。许多Google和Stack Overflow搜索没有产生任何有用的结果

我尝试了多种显示设置，包括内联、浮动：左以及其他可能解决了问题的设置，但没有

这里的JSFiddle清楚地定义了问题（尝试第二个菜单查看截止点）：

我也想知道

a） 这一功能背后的原因是什么

b） 变通方法/解决方案

或者两者兼而有之

谢谢

尼姆松试试这个： 我所做的只是改变了使用定位的方式，并调整宽度以使文本向左对齐

有关职位属性的信息，请点击此处：

}试试这个： 我所做的只是改变了使用定位的方式，并调整宽度以使文本向左对齐

有关职位属性的信息，请点击此处：

}试试这个： 我所做的只是改变了使用定位的方式，并调整宽度以使文本向左对齐

有关职位属性的信息，请点击此处：

}试试这个： 我所做的只是改变了使用定位的方式，并调整宽度以使文本向左对齐

有关职位属性的信息，请点击此处：

---

}

您可以在这里找到简单的解决方法：

我刚刚更改了

#内容{position:absolute}

，但为什么

显示：无

不是一个选项？？当您设置下拉列表的高度时，调整大小应该没有问题

---

此外，您还可以使用一些CSS来实现此效果—请看一看：

这里有一些简单的解决方法：

我刚刚更改了

#内容{position:absolute}

，但为什么

显示：无

不是一个选项？？当您设置下拉列表的高度时，调整大小应该没有问题

---

此外，您还可以使用一些CSS来实现此效果—请看一看：

这里有一些简单的解决方法：

我刚刚更改了

#内容{position:absolute}

，但为什么

显示：无

不是一个选项？？当您设置下拉列表的高度时，调整大小应该没有问题

---

此外，您还可以使用一些CSS来实现此效果—请看一看：

这里有一些简单的解决方法：

我刚刚更改了

#内容{position:absolute}

，但为什么

显示：无

不是一个选项？？当您设置下拉列表的高度时，调整大小应该没有问题

---

此外，您可以使用一些CSS来实现这一效果—看看：

您可以在

#content

周围添加另一个div，并为包含的div重新设置页面

<div id="background"> 
....  </div> 

---

您可以在

#content

周围添加另一个div，并为包含的div重新设置页面

<div id="background"> 
....  </div> 

---

您可以在

#content

周围添加另一个div，并为包含的div重新设置页面

<div id="background"> 
....  </div> 

---

您可以在

#content

周围添加另一个div，并为包含的div重新设置页面

<div id="background"> 
....  </div> 

---

我很想帮你，但我有点不明白你想知道什么，或者你需要什么帮助。在你的小提琴上，上面写着“文本，我想左对齐”，但你说的是文本向右绘制，我提到的文本在页面中央。你只是想让文本对齐：左吗？@Aeolingamenfel我想让文本在它所包含的div的左边空白处绘制。我很想帮助你，但我在想你想知道什么，或者你需要什么帮助时遇到了一点困难。在你的小提琴上，上面写着“文本，我想左对齐”，但你说的是文本向右绘制，我提到的文本在页面中央。你只是想让文本对齐：左吗？@Aeolingamenfel我想让文本在它所包含的div的左边空白处绘制。我很想帮助你，但我在想你想知道什么，或者你需要什么帮助时遇到了一点困难。在你的小提琴上，上面写着“文本，我想左对齐”，但你说的是文本向右绘制，我提到的文本在页面中央。你只是想让文本对齐：左吗？@Aeolingamenfel我想让文本在它所包含的div的左边空白处绘制。我很想帮助你，但我在想你想知道什么，或者你需要什么帮助时遇到了一点困难。在你的小提琴上，上面写着“文本，我想左对齐”，但你说的是文本向右绘制，我提到的文本在页面中央。你只是想让文本对齐：左吗？@Aeolingamenfel我想让文本在它所包含的div的左边空白处绘制。之所以显示：无是一个选项，是因为会有一些不吸引人的大小调整效果。所以另一个快速解决方案-当然现在有一些问题需要解决，但我所做的1/浮动：左；清除：两个都在#内容2/位置绝对在下拉列表显示：无不是选项的原因是因为会有一些不吸引人的大小调整效果。所以另一个快速解决方案-当然现在有一些事情要解决，但我所做的1/浮动：左；清除：两个都在#内容2/位置绝对在下拉列表显示：无不是选项的原因是因为会有一些不吸引人的大小调整效果。所以另一个快速解决方案-当然现在有一些事情要解决，但我所做的1/浮动：左；清除：两个都在#内容2/位置绝对在下拉列表显示：无不是选项的原因是因为会有一些不吸引人的大小调整效果。所以另一个快速解决方案-当然现在有一些事情要解决，但我所做的1/浮动：左；清楚：