94-10-18، 10:47 صبح
سلام، تا حالا براتون اتفاق افتاده که بخواید از background:gradient استفاده کنید اما وقتی متوجه میشید که بیش تر مرورگرهای قدیمی اون رو اجرا نمی کنن (و ماشالاه ماشالاه اکثر افراد از مرورگرهای قدیمی استفاده می کنن) و یا مطلوب اجرا نمی کنن، پشیمون بشید؟ اما یه راه خیلی ساده تر هم هست که احتمالا بعضی از دوستان اون رو پیدا کرده باشن! برای مثال ما میخوایم رنگ زرد از بالا به پایین به سیاه تبدیل بشه. برای این کار ما میایم یک عکس مثل زیر درست می کنیم (1px * 2px):
bg.png (اندازه: 933 bytes / تعداد دفعات دریافت: 38)
توجه: من عکس بالا رو به خاطر اینکه شما بهتر ببینید، 10px * 20px درست کردم ولی اصلش 1px * 2px هست
و حالا با این کد:
همون نتیجه ای رو که با background:gradient می گرفتیم خیلی ساده تر و بهتر خواهیم دید
نکته: bg.png همون عکسیه که بالاتر درستش کردیم
منتظر نظرای شما در رابطه با این ترفند هستم...
bg.png (اندازه: 933 bytes / تعداد دفعات دریافت: 38)
توجه: من عکس بالا رو به خاطر اینکه شما بهتر ببینید، 10px * 20px درست کردم ولی اصلش 1px * 2px هست
و حالا با این کد:
کد:
background-image:url(bg.png);background-size:contain;
نکته: bg.png همون عکسیه که بالاتر درستش کردیم
منتظر نظرای شما در رابطه با این ترفند هستم...