PDA

View Full Version : سوال: اجرا نشدن mouse hover



programregister
جمعه 22 شهریور 1398, 19:15 عصر
سلام من یه mouse hover نوشتم . اما مشکلی که هست اینه که فقط تو مرورگر فایرفاکس کار میکنه و در مرورگرهای کروم و اپرا کار نمیکنه.
از دوستان کسی هست بگه مشکلش کجاست و چطور این مشکل رو حل کنم. ممنون
کدش رو این پایین میزارم.





.exit-btn{

margin-right:100px;
margin-top:30px;
width: 80px;
height: 30px;
font-family: Vazir-Medium;
font-size:16px;
font-weight: bold;
color: #fff;
background-color: #acd6ef; /*IE fallback*/
background-image: -webkit-gradient(linear, left top, left bottom, from(#acd6ef), to(#6ec2e8));
background-image: -moz-linear-gradient(top left 90deg, #acd6ef 0%, #6ec2e8 100%);
background-image: linear-gradient(top left 90deg, #acd6ef 0%, #6ec2e8 100%);
border-radius: 30px;
border: 1px solid #66add6;
box-shadow: 0 1px 2px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .5);
cursor: pointer;


}



.exit-btn:hover {
background-image: -webkit-gradient(linear, left top, left bottom, from(#b6e2ff), to(#6ec2e8));
background-image: -moz-linear-gradient(top left 90deg, #b6e2ff 0%, #f44336 100%);
background-image: linear-gradient(top left 90deg, #b6e2ff 0%, #6ec2e8 100%);

}

firebox
جمعه 22 شهریور 1398, 19:52 عصر
مشکلی نداره ، توی کروم و اپرا درست کار میکنه.
https://jsfiddle.net/yju39bdt/

programregister
شنبه 23 شهریور 1398, 00:04 صبح
مشکلی نداره ، توی کروم و اپرا درست کار میکنه.
https://jsfiddle.net/yju39bdt/

ولی برای من هیچ واکنشی و تغییر رنگی نمیده تو کروم. ببین . تمام اون کدا رو که تو لینک فرستادی عینا کپی کردم. تصویرش هم موجوده ؟!!؟
150740