Html 位置：固定子映像-溢出：隐藏不工作

我需要使一个图像在父div之外不可见（图像比父div大），而不改变

位置：固定
。为什么
溢出：隐藏
不工作

谢谢你的建议


.wrap{
身高：100；
宽度：100；
背景色：#8087af；
位置：固定；
z指数：1031；
排名：0；
溢出：隐藏；
}
.形象{
位置：固定；
左:50 ;；
前50名；
z指数：1032；
}



.包裹{
高度：400px；
宽度：700px；
背景色：#8087af；
位置：固定；
z指数：1031；
排名：0；
溢出：隐藏；
}
.形象{
位置：固定；
左：30px；
顶部：20px；
}
您不能使用固定元素隐藏的溢出。

对于具有固定定位的元素，视口将成为相对元素，而不是父元素。这就是为什么父级的
溢出隐藏
属性变得无关紧要的原因

我建议您使用
position absolute
和
relative
属性来实现您的结果，然后可以在
fixed position
上添加另一个包装器来完成整个操作

我希望下面的结果是您所期望的


#包装器{
位置：固定；
排名：0；
左：0；
}
.包裹{
高度：100px；
宽度：100px；
背景色：#8087af；
位置：相对位置；
z指数：1031；
溢出：隐藏；
}
.形象{
位置：绝对位置；
左：50px；
顶部：50px；
z指数：1032；
}
溢出：隐藏
在移除属性时工作
位置：已修复图像标记中的


#包装器{
位置：固定；
排名：0；
左：0；
}
.包裹{
高度：100px；
宽度：100px；
背景色：#8087af；
位置：相对位置；
z指数：1031；
溢出：隐藏；
}
.image{
左：50px；
顶部：50px；
z指数：1032；
}
从
class=“image”
中删除
位置：固定的
，因为当您使用
位置：固定的
时，要从流中删除的项目。当您的div具有固定位置时，其子对象已固定到窗口，但当您使用“固定位置到子对象”时，将其从父对象中移除


.wrap{
身高：100；
宽度：100；
背景色：#8087af；
位置：固定；
z指数：1031；
排名：0；
溢出：隐藏；
}
.形象{
位置：固定；//不需要此选项，请使用相对或绝对
左:50 ;；
前50名；
z指数：1032；
}
您没有用任何
单位（px或%）定义div高度或宽度
，这就是您的代码无法正常工作的原因


.wrap{
高度：100px；
宽度：100px；
背景色：#8087af；
位置：固定；
z指数：1031；
排名：0；
溢出：隐藏；
}
.形象{
左：50px；
顶部：50px；
z指数：1032；
}

当您使用position:fixed（要从流中删除的项）时，不要在class=“image”中使用它。您不能对固定元素使用溢出隐藏属性。它变得无关紧要，因为对于“位置固定”，相对元素是视口，而不是父元素。您可能的重复应该能够真正深入了解您所做的更改。一段代码不能解释任何事情。在你的代码中，你不能把标签img放在div中，毫无意义地，你是受欢迎的moodaware。如果此答案中的任何一个解决了您的问题，那么请将答案标记为正确，以便其他有类似问题的用户将从中受益。