オーバーフローが隠されているdiv内にあるときにイメージを表示するには？

divを作成し、それをoverflow - > hiddenとして設定し、その中に画像を配置しました。今、イメージは表示されません。そのdivにのみイメージを表示するにはどうしますか？オーバーフローが隠されているdiv内にあるときにイメージを表示するには？

出典

2016-08-16 Bhaskar Saurabh Vicky

オーバーフロー隠蔽とは、divに表示されるたびに大きなものが完全に表示されないことを意味します。 divのサイズを設定していない場合は、0x0のサイズになりますので、何も表示されません。あなたはおそらくdivを拡大しなければならないので、画像に十分な大きさにします。

出典

2016-08-16 07:41:37

をはい私のイメージは小さく、 divは大きいです。 –

高さを設定しましたか？ –

はい。 divとimageの両方の高さと幅を設定します。私の画像の高さと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内にあるときにイメージを表示するには？

答えて

関連する問題