如何隐藏剩余的未使用的图像

时间:2017-03-02 14:13:43

标签: javascript jquery html css frontend

你要问的更多,你得到更多的知识。对 ?我不知道这个问题是否基本,但有点让我思考。

pic 1我有什么。

图1:http://imgur.com/YFpfo69

当我上传图片时,它会显示到名为<img id="image"/>的容器,图片可以水平拖动。我的问题是,我如何隐藏其余未使用的图像?当我拖动图像时,其余部分将不会显示

2 个答案:

答案 0 :(得分:1)

要解决此问题,您可以将overflow: hidden放在#image元素的父元素的CSS中。

答案 1 :(得分:1)

添加样式溢出:隐藏;到父元素,像这样:

<div style="overflow: hidden;">
    <img src="img.png" id="image" />
</div>