[Thắc mắc] Cách +hover block display[✔]

[K.-Kun]

Em có một đoạn HTML như sau:

Code:


<div id="mad">
<div class="image">Đây là ảnh</div>
<div class="informartion">Đây là infomartion</div>
</div>


Làm sao để khi hover vào .image thì .infomartion hiện ra ạ?

[Méo Hắc Hắc]

Em có một đoạn HTML như sau:

Code:


<div id="mad">
<div class="image">Đây là ảnh</div>
<div class="informartion">Đây là infomartion</div>
</div>


Làm sao để khi hover vào .image thì .infomartion hiện ra ạ?

sao không để thành như thế này mà làm

Code:


<div id="mad">
<div class="image">Đây là ảnh
<div class="informartion">Đây là infomartion</div></div>
</div>


[K.-Kun]

Như thế khoảng cách hover sẽ rộng hơn

[Méo Hắc Hắc]

thì chỉnh width và kèm thêm code <br/>

[K.-Kun]

Vậy dính vào height?

[handsomevip007]

Code:

.image:hover + .infomartion{...}

 

[K.-Kun]

Thế này:

Code:

<div id="mad">
<div class="image">Đây là ảnh</div>
<div class="informartion">Đây là infomartion</div>
</div>

<style>#mad .informartion{display:none;}
.image:hover + .infomartion{display:block;}</style>

Rồi thế này:

Code:

<div id="mad">
<div class="image">Đây là ảnh</div>
<div class="informartion">Đây là infomartion</div>
</div>

<style>#mad .informartion{display:none;}
.image:hover + #mad .infomartion{display:block!important;}</style>

Cũng không được @@~

[handsomevip007]

Code:

.image:hover+.infomartion{display:block!important;}

Code mẫu một kiểu mà đi viết lại kiểu khác :v

p/s: Hình như chữ Information viết sai kìa  

[Méo Hắc Hắc]

Vậy dính vào height?

width của div class ấy, ai nói width của ảnh hồi nào

[Sponsored content]