پseudo-element CSS ::backdrop

تعریف و استفاده

CSS ::backdrop پseudo-element برای تنظیم استایل فریم پس‌زمینه پشت عناصر دیالوگ یا بالاپریدگی استفاده می‌شود.

مثال

مثال 1

تنظیم استایل فریم پس‌زمینه پشت دیالوگ:

dialog::backdrop {
  رنگ پس‌زمینه: lightgreen;
}

آزمایش کنید

مثال 2

استفاده از خطوط متمایز برای تنظیم استایل فریم پس‌زمینه پشت دیالوگ:

dialog::backdrop {
  رنگ پس‌زمینه: #1fc8db; /* برای مرورگرهایی که خطوط متمایز را پشتیبانی نمی‌کنند */
  تصویر پس‌زمینه: خطوط متمایز(140درجه, #EADEDB 0%, #BC70A4 50%, #BFD641 75%);
  شفافیت:0.75;
}

آزمایش کنید

عبارت CSS

::backdrop {
  اظلاعات css;
}

جزئیات فنی

نسخه: مодуل قرارگیری مکان‌دهی CSS سطح 4

پشتیبانی مرورگر

تعداد در جدول نسخه اولین مرورگر پشتیبان از این پseudo-element را نشان می‌دهد.

Chrome Edge Firefox Safari Opera
37 79 47 15.4 24

صفحات مرتبط

آموزش:عنصر شبه CSS