💻 آخرین فرصت یادگیری برنامه‌نویسی با آفر ویژه قبل از افزایش قیمت در ۵ آذر ماه (🎁 به همراه یک هدیه ارزشمند )
۰ ثانیه
۰ دقیقه
۰ ساعت
۲ علیرضا بابایی
مشکل رندر نشدن گرادینت
جامعه Html & CSS ایجاد شده در ۲۶ مهر ۱۳۹۹

سلام و خسته نباشید 

گرادینتی که تایین میکنم توی مرورگرم رندر نمیشه و نمایش داده نمیشه 
اگه میشه راهنمایی کنید ممنون 
مرورگرم اخرین نسخه کروم هستش 

و همچنین border-image‌ها هم برام مشخص نمیشن 

سلام 

کدهایی که نوشتید رو قرار بدید بررسی کنم

وحید صالحی ۲۷ مهر ۱۳۹۹، ۱۵:۱۰

دوست عزیز سلام و خسته نباشید یک سری نکات دقت کنید .

شما برای div یک کلاس تعیین کنید همون border-image و بعد شما توی کدهاتون border-image-slice تعیین نکردید !

یک نگاه یه این کد بکنید و با کد خودتون مقایسه کنید 

مشکل کد شما برطرف شده .

<div class="border-image"></div>

این هم کد CSS : *****لطفا به آدرس وارد شده برای عکس دقت کنید تا از محل درست لود بشه’’

.border-image {
  margin: 3px;
  width: 500px;
  height: 600px;
  border: 20px solid transparent;
  border-image-source: url(../images/border.png);
  border-image-repeat: round;
  border-image-slice: 30;
}
erfan alizade ۰۳ اسفند ۱۳۹۹، ۲۰:۵۴