Tengo una imagen (puede variar sus dimensiones) en base 64 que tengo guardado en la base de datos, quiero adaptarla a un div
, pero se recorta, como haría para que en caso de que se exceda ponga un scroll
. ya puse el overflow
en css
, pero no me funciona ya que no es el contido que se desborda si no es el background
del mismo div
. Con el img
no me sirve porque la idea es poner encima unas divs
con unos botones.
<ul class="nav nav-tabs">
@foreach (var Casa in ViewBag.PlanoCasa)
{
<li><a data-toggle="tab" href="#@Casa.Id">Casa@Casa.Id</a></li>
}
</ul>
<div class="tab-content">
@foreach (var Casa in ViewBag.Casa)
{
<div class="tab-pane fade active" id="@Casa.Id">
<h3>Menu 1</h3>
<div class="laclase" style="max-width: 100%; max-height: 100%; background-image:url(data:image/png;base64,@Casa.Imagen)">
<!--<img src="data:image/png;base64, @Casa.Imagen" />-->
</div>
</div>
}
</div>
max-height: 100px;
pero en pixeles. O puedes haceroverflow-y: scroll;
– Alvarez el 12 mar. 18 a las 19:11