Javascript 需要图像来跨越容器高度

我有一个img在一个div容器中，它有一些背景色。我希望图像覆盖在div容器的顶部，并越过div的高度，没有任何滚动条

与此有关的小提琴 小提琴代码：

<div class="container">
    <img class="image" src="https://cdn1.iconfinder.com/data/icons/prettyoffice9/256/triangle.png"></img>
</div>
.container {
    background-color:red;
    height:100px;
    position:relative;
    overflow:hidden;
}

.image {
    position:absolute;
    left:40px;
    height:256px;
}

救命啊

.集装箱{ 背景色：红色； 高度：100px； 位置：相对位置； 溢出：隐藏； } .形象{ 位置：固定； 左：40px； 高度：256px； }

---

为什么不想使用overflow:visibleoverflow:visible的可能重复项无效。复制确实让我们更深入地了解beI希望图像相对于父级/容器进行定位的可行方法。。制作位置：固定；将使图像保持在同一位置

.container {
    background-color:red;
    height:100px;
    position:relative;

}

.image {
    position:absolute;
    left:40px;
    height:256px;
}