Question

我在img容器中有一个div，它有一些背景颜色。我想让图像叠加在div容器的顶部，并将其高度超过div的高度，而不需要任何滚动条。

与此相关的小提琴http://jsfiddle.net/mLtfcm6n/2/ 小提琴代码：

<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;
}

我无法将overflow-y设置为隐藏，overflow-x必须隐藏

最终结果应该像这个小提琴：http://jsfiddle.net/mLtfcm6n/3/ 它的CSS是（只有更改是删除overflow属性）：

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

}

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

帮助！

Answer 1

＆＃13;

.container {
    background-color:red;
    height:100px;
    position:relative;
    overflow:hidden;
}

.image {
    position:fixed;
    left:40px;
    height:256px;
}

＆＃13;

<div class="container">
    <img class="image" src="https://cdn1.iconfinder.com/data/icons/prettyoffice9/256/triangle.png"></img>
</div>

＆＃13;

需要图像穿过容器高度

1 个答案: