سوال: مشکل در hover [بایگانی]

arezooafshari

دوشنبه 28 مهر 1393, 12:19 عصر

در قطعه کدهای زیر، میخوام عکسی که به هنگام hover دادم زیر اون قسمت قرار بگیرد اما بالا قرار میگرید و با margin هم درست نشد

<div class="secret-msg"> <a href="#"> <i class="icon-mail"> </i> <p> پیغام خصوصی </p> </a> </div>

.secret-msg{
position: absolute;
float: right;
right:48px;
text-align: center;
}
.secret-msg i{
font-size: 40px;
}
.secret-msg p{
margin: 0px;
margin-top: -11px;
}
.secret-msg a{
font-family: B Yekan;
font-size: 15px;
color:#FFFFFF;
text-decoration: none;
}
.secret-msg p:hover{
background-image: url("../asset/image/underline-hover.png");
background-repeat: no-repeat;
}