رفتن به مطلب

نمایش لینک هنگام هاور روی عکس


پست های پیشنهاد شده

سلام من میخوام متنی روی تصویر هنگام هاور نشون بده ولی هرکاری میکنم نمیشه!!!

ببینید مشکل این کد چیه؟!


<article class="col-md-4 col-sm-6 col-xs-12">
<a href="" target="_blank" class="hover">توضیحات محصول</a>
<a href="" target="_blank"><img src="images/img.jpg" class="img-responsive" alt="" title="" /></a>
</article>

استایل


.main-sidebar article img{
margin:5px auto;
}
.main-sidebar article .hover{
position: absolute;
top: 30%;
right: 30%;
color: white;
padding: 10px;
background: #5CB85C;
opacity: 0.8;
visibility: hidden;
}
.main-sidebar article img:hover .hover {
visibility:visible;
}

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...