Eu tenho esta div, onde o input text está dentro:
<div class="col-md-4" id="passarmouse">
<input type="text" asp-for="FornecedorID" onkeypress="return BuscaDados(event);" onblur="CarregaFornecedor(this.value);" class="form-control" name="FornecedorID" id="idfornecedor" />
</div>
E essa é a div que eu preciso que mostre, ao passar o mouse na div passarmouse
,
<div class="col-md-4" id="mostrar">
<div class="col-md-12">
<label class="control-label" id="fornecedor"></label>
</div>
<div class="col-md-12">
<label class="control-label" id="nomefornecedor"></label>
</div>
<div class="col-md-12">
<label class="control-label" id="ruafornecedor"></label>
<label class="control-label" id="nfornecedor"></label>
</div>
<div class="col-md-12">
<label class="control-label" id="bairrofornecedor"></label>
<label class="control-label" id="cidadefornecedor"></label>
</div>
</div>
Tentei por css
porém não está dando certo:
#mostrar {
display: none;
}
#passarmouse:hover #mostrar {
display: block;
}
Como posso resolver? Pensei em colocar tipo um modal então.
#mostrar
não é descendente de#passarmouse
não funciona, pois o teu seletor CSS é de descendência, ou seja, para qualquer elemento que tenha id 'mostrar' e que tenha um descendente com o id '#passarmouse' aplique as propriedades abaixo..javascript
#passarmouse:hover + #mostrar { display: block; }