@nigoka

Как спрятать картинку по hover?

<div class="glavblock">
 <a href="#">
		<div class="imblock">
			<div class="gimag">
                            <img src="../images/12.png">
                        </div>
  
                </div>
                <div class="text-block">
		<div class="btext">
                    <span>тестовый <span class="brati">текст</span> тестовый</span>
			<div class="stavka">опять текст</div>
               </div>
              </div>
<a/>
</div>


.glavblock { width: 49% !important;   float:left; height:300px;box-shadow:0 1px 2.94px .06px rgba(0,0,0,.2);background-color:#fff;background-repeat:no-repeat; margin-top: 20px; margin-bottom: 20px;margin-right: 2%; }
.glavblock a{ text-decoration: none;}
.glavblock:hover  a{ color:#fff; }
.glavblock:hover{background-color:rgba(41,169,226,.8);transition:background-color .4s; color: #fff; }
.text-block  { margin-left: 6%; width:44%; vertical-align: middle; height:300px; text-align:left; line-height: 40px; display: table; vertical-align:middle;  cursor:pointer}
.btext {font-size: 24px; display: table-cell; vertical-align: inherit; color: #313b40;}
.btext .brati {color: #52b9e6; text-transform:uppercase; font-weight:bold;}
.btext .stavka {color: #ccc9c3; font-size: 18px; padding-top: 10px;}
.glavblock:hover .btext .brati, .glavblock:hover .btext {color: #fff;}
.imblock  { float: right; width:50%; vertical-align: middle; height:300px; text-align:right; line-height: 40px; display: table; vertical-align:middle;  z-index:3;cursor:pointer}
.gimag {font-size: 24px; display: table-cell; vertical-align: inherit; color: #313b40; }


Народ помогите, замучился....
Как сделать чтоб картинка было под hover цветом при наведении, сейчас картинка над hover.
  • Вопрос задан
  • 445 просмотров
Пригласить эксперта
Ответы на вопрос 1
yespeace
@yespeace
Uncle Bob’s Nephew
.glavblock:hover img {
  display: none;
}
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы