如何停止在 div 外部显示图像

2024-05-24

考虑这段代码...

<div id="outer" style="position:absolute;width:100px;height:100px;border:1px solid black">
  <div id="inner">
    <img src="http://rabbitempire.org/wp-content/uploads/Pet-Rabbit-Facts.jpg">
  </div>
</div>

我需要添加什么样式才能使其仅图像的左上角可见?

请注意,我不想使用背景图像,因为问题实际上是关于 div 的,无论你相信与否,但兔子不是我的应用程序的一部分。哦,在“现实生活”中我不会使用内联 CSS。


div#outer { overflow:hidden; }​

演示在这里:http://jsfiddle.net/J34aJ/ http://jsfiddle.net/J34aJ/

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何停止在 div 外部显示图像 的相关文章

随机推荐