Javascript 如何将图像保持在具有设定宽度和高度的div中，但将图像的其余部分隐藏？

这有点难说。。。所以我拍了一张照片

（来源：）

我试着给div设置了一个宽度和高度溢出：hidden；但那没用。。。我搜遍了所有的地方，可能只是说得不对

我给标签“javascript”只是因为这可能需要javascript，如果它不需要，请评论并告诉我删除标签！谢谢

HTML

---

将图像放入具有固定高度和宽度的

和“溢出：隐藏”中，肯定会裁剪包含的

edit是一个jsfiddle，在一个100x100

样式为“overflow:hidden”的文件中显示一个比100x100大得多的图像。以下是

的CSS：

---

我根本不需要对

做任何有趣的事情；它只是词汇嵌套在

中，哇，谢谢！不过，我认为我的处境可能有问题。在我使用的页面上，盒子里还有其他东西。我们在那个网站上谈论的是哪个盒子？它是主页上的“缩略图”框吗？在这些框中显示照片，它有一个设置id和一个全局类，因此我可以单独删除照片框中的背景，以便我可以设置照片的索引作为文本的背景。现在，我在任何这些框中都没有看到“溢出：隐藏”。有没有可能CSS文件中有像打字这样简单的东西？使用Firebug或Chrome调试器，甚至IE8调试器查看元素的实际样式会有很大帮助。抱歉，没有保存。roseannebarr.tumblr.com如果您发布了您尝试的CSS和/或HTML，可能有人能够发现错误。

<div class="trigger" id="photoTile"> 
<img id="photoSmall" src="{PhotoURL-500}">
<h5>Photo</h5>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{MonthNumber} {DayOfMonth} {Year}
<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{block:NoteCount}{NoteCount} <img    
src="http://static.tumblr.com/ux4v5bf/2Z0lf9580/heart.png">{/block:NoteCount}
</div>

.trigger {
margin:0 20px 20px 0;
float:left;
background:#6f7f7a;
width:115px;
height:105px;
padding:5px;
}

#photoTile {
width:115px;
height:105px;
overflow:hidden;
background:none;
}

#photoSmall {
opacity:0.4;filter:alpha(opacity=40);
position:absolute;
z-index:-1;
}

#w { height: 100px; width: 100px; overflow: hidden; }