Shadow 如何为css中z索引较低的长方体赋予长方体阴影

Shadow 如何为css中z索引较低的长方体赋予长方体阴影,shadow,css,Shadow,Css,嗨,我对CSS box shadow有点陌生 我已经用HTML编写了以下代码 <div id="left_content"></div> <div id="right_content"></div> 左边的内容是固定的,当我们滚动右边的内容时,阴影没有被应用 我需要阴影落在左侧内容上,我不想增加右侧内容的z索引 任何帮助都是值得的。 提前感谢。尝试将左边距添加到右侧div: #right_content { margin-left: 270p

嗨,我对CSS box shadow有点陌生

我已经用HTML编写了以下代码

<div id="left_content"></div>
<div id="right_content"></div>
左边的内容是固定的,当我们滚动右边的内容时,阴影没有被应用

我需要阴影落在左侧内容上,我不想增加右侧内容的z索引

任何帮助都是值得的。
提前感谢。

尝试将
左边距添加到右侧div:

#right_content {
  margin-left: 270px;
}
这说明了左div的宽度,加上
20px
边距


.

右DIV的z指数必须高于左DIV的z指数

#right_content{
    z-index:11;
}

这里有一个

是的,我明白了,但是如果你观察到()出现的阴影应该在左侧内容上方,而不是下方..解决方案是正确的,但它是针对左侧部分的,但是我需要左侧内容右边缘的阴影,但是这个阴影应该由右侧内容抛出-老实说,谢谢,我不太清楚你在说什么,你到底想做什么。你能再精确一点吗?
#right_content{
    z-index:11;
}