如何在隐藏溢出的div中显示图像？

我创建了一个div，并将其设置为溢出 - >隐藏并在其中放置图像。现在图像不显示。无论如何只能在该div中显示图像吗？如何在隐藏溢出的div中显示图像？

来源

2016-08-16 Bhaskar Saurabh Vicky

隐藏的溢出意味着只有在div中显示的每一次都不会完全显示。如果您没有设置div的大小，它的大小将为0x0，因此不会显示任何内容。您可能需要放大div，以便它足够大以适合图像。

来源

2016-08-16 07:41:37

是我的形象是小和div很大。 –

您是否设置了高度？ –

是的。我设置div和图像的高度和宽度。我的图像高度和div小于div高度。 –

除非要确定其确切大小，否则不需要为div定义大小（高度和宽度）。问题可能是加载图像。尝试是这样的：

<html> 
<head> 
    <style> 
    div.hidden { 
     overflow: hidden; 
    } 
    </style> 
</head> 
<body> 

    <div class="hidden"> 
    <img src="someImage.jpg" alt="some image" > 
    </div> 
</body> 
</html>

更改src属性的图片路径。如果由于某些原因（源文件错误或连接速度较慢）无法加载，则会显示属性“alt”，代表您的代码是正确的，但您对源或网络有问题

来源

2016-08-16 08:27:05 jonny

好吧，比你好可以尝试添加另一个div div与溢出隐藏并将图像位置设置为绝对。

所以您的标记看起来如下：

<div class="wrap"> 

    <div class="with-overflow-hidden"> 
     some other elements 

     <img /> 
    </div> 
</div>

这应该不是在CSS中添加

.wrap{ 
    position: relative; 
} 

img{ 
    position: absolute; 
}

也许这个例子可以帮助你：http://jsfiddle.net/kv0bLpw8/

来源

2016-08-16 12:17:31

如何在隐藏溢出的div中显示图像？

回答

相关问题